Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1197914
Bar Contact Form and Color edge
Closed

Comments

  • bruno81 started the conversation

    Hi, Good morning, I would need two information

    1 why is the bar of bookings between home and other pages graphically different? PS is the same form
    Example
    This is how I would like to see on the home page as well
    http://www.meridianhotel.it/standard-room/
    Instead you see that
    http://www.meridianhotel.it

    Image example as I wish it was home page

    Image example as I wish it washttp://www.meridianhotel.it/wp-content/uploads/2017/06/Esempio.jpg


    2 I created a two column column with visual composer and I would like to insert a color in the border but when I set a color and save it, it restores it empty! I tried to do it with the background and accept it, while with the board no!

    Example page of how it is

    http://www.meridianhotel.it/standard-room/


    Image example as I wish it was

    Image example as I wish it was

    Thank you

  •  444
    Sergio replied

    HI,

    You have 500 error on the site (screen 898), pls. contact your hosting support team

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    It was a temporary problem if I had to review everything regularly online!

  •  444
    Sergio replied

    HI!

    pls. share the wp-admin access, we'll check

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •   bruno81 replied privately
  •  444
    Sergio replied

    HI,

    1) Remove hard-coded styles for the form (screen 930)

    2) pls. check border settings (screen 931)

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Thank you, perfect

    I ask you for some extra help if you can
    -In the bar contact I want all four elements to be on the same line
    Attached demonstration image

    EXAMPLE


    THANK YOU

  •  444
    Sergio replied

    HI,

    Your problem has been fixed, pls. check your page http://www.meridianhotel.it/

    I used following CSS:

    /*form style*/
    .contact-form-hotel-02{
        position:relative;
        width:auto;
        padding:0;
        margin: 0 -10px;
        text-align:center;
    }
    .contact-form-hotel-02 .form-line{
        position:relative;
        width:20%;
        display:inline-block;
        vertical-align:top;
        padding:0 10px;
        margin:0;
        text-align:left;
    }
    .contact-form-hotel-02 .form-line.submit{
        width:17%;
        margin-top:25px;
    }
    .contact-form-hotel-02 .form-line.submit input{
        background-color: #b6c6c9!important;
        text-align:center;
        font-size:15px;
        height:60px;
        padding:0 !important;
        border:0;
    }
    .contact-form-hotel-02 .form-line.submit input:hover{
        background-color: #3c3950!important;
    }
    .contact-form-hotel-02 span {
        width: 100%;
    }
    .contact-form-hotel-02 span input{
        width: 100%;
        color: #93929c;
        border: medium none;
        border-radius: 0px;
    }
    .contact-form-hotel-02 .wpcf7-submit {
        margin-top: 0px !important;
        border-radius: 0px;
    }
    .contact-form-hotel-02 span,
    .contact-form-hotel-02 span.combobox-button:before,
    .contact-form-hotel-02 :before {
        color: #3c3950;
    }
    .wpcf7-form .combobox-wrapper .combobox-button{
        height:60px;
    }
    .contact-form-hotel-02 span.combobox-wrapper {
        border-radius: 0px;
        border: none;
        background-color: #f4f6f7;
        height:60px;
    }
    .contact-form-hotel-02 .combobox-wrapper .combobox-text {
        color: #93929c;
    }
    @media (max-width: 1200px) {
        .contact-form-hotel-02 .form-line {
            position: relative;
            width: 49% !important;
            margin-bottom: 60px !Important;
        }
        .contact-form-hotel-02 .form-line.submit {
            width: 100%;
        }
    }
    @media (max-width: 768px) {
        .contact-form-hotel-02 .form-line {
            position: relative;
            width: 100%;
            margin-bottom: 60px !Important;
        }
    }
    

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Thanks .. :)

  •  444
    Sergio replied

    HI, 

    Feel free to contact us if you need help. 

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Hi, I'm sorry if I'm still worried you'll need more information.

    I would like to create the shadow effect in the image boxes or columns as the photo I attach. Can you do something like that?

    Thanks 

  •  444
    Sergio replied

    Hi,

    On which page and for what element should you add a shadow?

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    hi,

    this is page for exsample


    http://www.meridianhotel.it/camere-suite/

    THNKS

  •  444
    Sergio replied

    HI,

    Your problem has been fixed , pls. check your page.

    I used following CSS:

    .gem-textbox{
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
    }

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Thanks Sergio ;)

  •  444
    Sergio replied

    Thank you!

    It would be great if you could rate us on ThemeForest.  Just go to your downloads on ThemeForest ( https://themeforest.net/downloads ), find TheGem and then you can rate it here 

    We would very appreciate your rating!

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Hi Sergio, I need your help!

    In the Mobile version of the known portal some things I would like to correct you could help me !?

    1 the titles of some widgets are smaller than the description
    2 room photos are not visible and the buttons are not aligned
    3 the tube video you tube looks bad on the preview image

    They are all on the home page
    Attach photo example

    THANKS


  •  444
    Sergio replied

    HI,

    Your problem has been fixed , pls. check your page.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Hi Sergio, very good
    only these buttons that attach to the photo are not aligned

    Thnks

  • bruno81 replied

    Hello Sergio, ok thanks i have solved !;)

  •  444
    Sergio replied

    HI!

    Pls. accept my apologies for delay. I was out of office in few days.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  444
    Sergio replied

    Your problem has been fixed , pls. check your page.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • bruno81 replied

    Hi Sergio, you do not have to apologize for doing so much!
    I almost finished I would need your help
    1 in the home page in the setting column where there are 4 images in the tablet display is not aligned "attachment example image" "http://www.meridianhotel.it"

    2 in some pages i left the space using the "divider" i would like if possible to remove it in the smartphone view "http://www.meridianhotel.it/spiaggia-e-piscina/"
    Thanks to many "example examples"
    have a good day

  •  444
    Sergio replied

    HI,

    1) Your problem has been fixed , pls. check your page.

    2) pls. check the divider settings (screen 1133,1134)

    @media (max-width: 481px) {
        .hide-on-mobile{
            display:none !important;
        }
    }
    

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.