Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 30, 2019 at 9:55 pm #1143502
    fabienneRedUmb

    Hi, i would like to add a border to my contact form, but I cant seem to target it.
    I tried this, as found on the enfold documentation: 

    /*----------------------------------------
----------------------------------------
----------------------------------------
// CSS -  Contact form color
----------------------------------------
----------------------------------------
//--------------------------------------*/

/* custom style form fields */
#top .av-contact-form-color .input-text,
#top .av-contact-form-color input[type='text'],
#top .av-contact-form-color input[type='input'],
#top .av-contact-form-color input[type='password'],
#top .av-contact-form-color input[type='email'],
#top .av-contact-form-color input[type='number'],
#top .av-contact-form-color input[type='url'],
#top .av-contact-form-color input[type='tel'],
#top .av-contact-form-color input[type='search'],
#top .av-contact-form-color textarea,
#top .av-contact-form-color select {
/* Text color */
color:#333;
/* Background color */
background-color: #fffae8 !important;
/* Border color*/
border-color: #e6be83 !important;
}

    But it doesnt seem to work.
    I also can’t seem to be able to change the colors of the submit button with this code:

    

*----------------------------------------
// CSS - Contact form submit button
//--------------------------------------*/

#top .avia_ajax_form input[type='submit'] {
border: none;
background: #e6be83;
color: #6e460b;
}
#top .avia_ajax_form input[type='submit']:hover {
background: #000000;
}

    I am certain I am do8ing something wrong, please help.

    October 1, 2019 at 12:35 pm #1143688
    Rikard

    Hey fabienneRedUmb,

    I see that you have file compression active, please try deleting the old CSS and JS files under Enfold->Performance before checking the results.

    Best regards,
    Rikard

    October 5, 2019 at 5:30 pm #1145329
    fabienneRedUmb

    Hey, thank you for your reply. I did that, but no change. Any other hints?
    Thank you

    October 6, 2019 at 12:40 pm #1145442
    Rikard

    Hi,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    October 6, 2019 at 2:40 pm #1145457
    fabienneRedUmb

    Thanks, see attached

    October 7, 2019 at 6:20 am #1145626
    Rikard

    Hi,

    I corrected your CSS and put it in Quick CSS, it’s applying now.

    /* custom style form fields */
.home .input-text,
.home input[type='text'],
.home input[type='input'],
.home input[type='password'],
.home input[type='email'],
.home input[type='number'],
.home input[type='url'],
.home input[type='tel'],
.home input[type='search'],
.home textarea,
.home select {
/* Text color */
color:#333;
/* Background color */
background-color: #fffae8 !important;
/* Border color*/
border-color: #e6be83 !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.