Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 11, 2018 at 4:45 pm #925215
    bakbek

    Hi, how can I make the text in the contact form only on this page be the default color instead of white?

    March 11, 2018 at 11:09 pm #925292
    Mike

    Hey DROR,
    In your custom css or quick css you have this code:

    ::-webkit-input-placeholder {
  color: #ffffff !important;;
}
::-moz-placeholder { 
  color: #ffffff !important;;
}
:-ms-input-placeholder { 
  color: #ffffff !important;;
}
:-moz-placeholder { 
  color: #ffffff !important;;
}

    which is making all the placeholders on your site white, since it is using the !important; rule we can’t override it. The best option is to change it to only target the placeholders that you did want white, then the placeholder on this page will go back to the default color.
    What page did you want the placeholders to be white?
    Also notice how each line has two ; at the end? When we change the code we need to make it only have one ; at the end.

    Best regards,
    Mike

    March 11, 2018 at 11:43 pm #925302
    bakbek

    Hi Mike, I removed that code but now I need to make the contact form on other pages to be white – https://screencast.com/t/7L9GAQ0Ns – how can I do that so it will only effect this page?

    Thanks.

    March 12, 2018 at 12:30 pm #925470
    Nikko

    Hi,

    If majority of your forms should be using a white placeholder text except a page or some pages, you can add your code back and add additional css code to override it on specific pages, you can use this code:

    ::-webkit-input-placeholder {
  color: #ffffff !important;;
}
::-moz-placeholder { 
  color: #ffffff !important;;
}
:-ms-input-placeholder { 
  color: #ffffff !important;;
}
:-moz-placeholder { 
  color: #ffffff !important;;
}

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

    just replace xx with the page id number. Hope it helps :)

    Best regards,
    Nikko

    March 12, 2018 at 4:34 pm #925591
    bakbek

    Thanks! Something is OFF with the alignment of the form – https://screencast.com/t/W9DTw4FhI

    How can I fix this?

    March 12, 2018 at 5:20 pm #925620
    Nikko

    Hi bakbek,

    You’re welcome, try adding this css code in Quick CSS:

    
#top .avia_ajax_form #element_avia_3_1.form_element_third {
    margin-left: 0;
}

#top .avia_ajax_form .form_element_third {
    width: 32%;
}

    Let us know if this helps.

    Best regards,
    Nikko

    March 15, 2018 at 3:48 pm #927411
    Guenni007

    hm ???

    https://kriesi.at/support/topic/how-to-change-the-font-color-of-a-contact-form-element/

    March 15, 2018 at 7:51 pm #927619
    Vinay

    Hi,

    Thank you @Guenni007 for help out as always :)


    @bakbek     Let us know if you have more question, we are happy to help!

    Best regards,
    Vinay

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