Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 22, 2017 at 11:43 pm #842820
    Erwin

    Hi,

    How can I set a different background-color for the contact-form on different pages? I want the homepage to have white background, as it is, the other pages should have a different background. See the private part for a link. Tried to target it with:

    .page-id-161 #top div input[type='text'], .page-id-161 #top .main_color input[type='text'], .page-id-161 #top .main_color input[type='input'], .page-id-161 #top .main_color input[type='password'], .page-id-161 #top .main_color input[type='email'], .page-id-161 #top .main_color input[type='number'], .page-id-161 #top .main_color input[type='url'], .page-id-161 #top .main_color input[type='tel'], .page-id-161 #top .main_color input[type='search'], #top .page-id-161 .main_color textarea, .page-id-161 #top .main_color select { 
	border: none!important;
	background-color:#edf3dd!important;
}

    Hope you can help me with this.

    Regards,

    Erwin

    August 23, 2017 at 5:18 am #842855
    John Torvik

    Hey erwin_m,

    You can change the color, you can add this custom code:

    
 .page-id-11 input, .page-id-11 textarea {
   background-color: red !important;
}

    Best regards,
    John Torvik

    August 23, 2017 at 8:45 am #842922
    Erwin

    Hi John,

    Thank you for looking into it. Unfortunately it doesn’t change a thing. Do you have other suggestions?

    Regards,

    Erwin

    August 23, 2017 at 2:48 pm #843047
    Victoria

    Hi Erwin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-11 .main_color input[type='text'] {
  border: none!important;
	background-color:#edf3dd!important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 23, 2017 at 3:32 pm #843072
    Erwin

    Hi Victoria,

    Thank you! That works fine for the text-field, now I have to edit the text-area, how can I do that?

    Regards,

    Erwin

    August 23, 2017 at 4:14 pm #843126
    Victoria

    Hi Erwin,

    These are the styles applied to textarea

    
 #top .main_color textarea, #top .main_color select {
    border: none!important;
    background-color: #edf3dd!important;
    color: #9cc53b!important;
}

    You can add page is class as above ad it should work.
    Best regards,
    Victoria

    August 23, 2017 at 11:09 pm #843318
    Erwin

    Hi Victoria,

    Works perfect! Thank you.
    You can close this topic.

    Best regards,

    Erwin

    August 26, 2017 at 12:30 pm #844332
    Nikko

    Hi Erwin,

    Glad that Victoria helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Different background-color contactform on different pages’ is closed to new replies.