Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 19, 2018 at 2:57 pm #929083
    bakbek

    Hi, how can I make the background color of the contact form to be #f8f8f8?

    March 20, 2018 at 11:00 am #929694
    Vinay

    Hey DROR,

    Please enable custom CSS class name https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add the below code to Quick CS

    .form-bg {
   background:gold!important;
}

    Best regards,
    Vinay

    March 20, 2018 at 1:43 pm #929828
    bakbek

    I want the fields background to be #f8f8f8, not the entire form background.

    Sorry if I wasn’t clear on that :)

    March 20, 2018 at 4:21 pm #929919
    Vinay

    Hi,

    You can target background of text inputs with following CSS. Please add it to Quick CSS in Enfold theme options under Styling

    #top .main_color input[type='text'] { background-color: red; }

    Best regards,
    Vinay

    March 20, 2018 at 11:03 pm #930164
    bakbek

    That didn’t make any difference.

    I already have this code applied that makes the font inside the fields black. What should I add to it to make the field backgrounds #f8f8f8?

    .page-id-954 ::-webkit-input-placeholder {
  color: #333333 !important;;
}

.page-id-954 ::-moz-placeholder { 
  color: #333333 !important;;
}

.page-id-954 :-ms-input-placeholder { 
  color: #333333 !important;;
}

.page-id-954 :-moz-placeholder { 
  color: #333333 !important;;
}
    March 21, 2018 at 9:38 pm #930884
    Basilis

    Hi,

    #top #main .main_color input[type="text"] {
    background-color: #f8f8f8 !important;
}

    Should fix it

    Best regards,
    Basilis

    March 22, 2018 at 1:21 pm #931253
    bakbek

    That only worked on the first 3 fields but it also changed contact form on other pages of the site that I don’t want to change.

    How can I make this specific to only the contact form on this page and how can I make it work for all 5 fields?

    Thanks.

    March 23, 2018 at 9:56 am #931854
    Ismael

    Hi,

    Please update the previous code.

    #top #main .main_color input[type='text'], #top .main_color select, #top .main_color textarea {
    background-color: #f8f8f8;
    color: #000;
}

    Best regards,
    Ismael

    March 23, 2018 at 4:14 pm #932006
    bakbek

    Great, thanks!

    March 23, 2018 at 4:52 pm #932022
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to change the background color of the contact form?’ is closed to new replies.