Hi takinginthesights,
Sorry for the delay. Do you mind posting a link to your site so I can better understand?
Thanks!
Hannah
In your theme options > custom css add this:
.footerclass input {
color:white;
}
Let me know if that works for you.
Ben
Kadence Themes
Ben,
Thanks for the response. This changes the text to white which will help. I had wondered if the text box could be changed to white instead of changing the text colour? Either that or is there a way of changing the search box to match the subscribe box.
Thanks in anticipation
David
Are you able to post a link so I can provide more accurate css?
Thanks!
Hannah
Hannah,
Link to website is below.
http://www.takinginthesights.com
David
David,
Here is CSS that will make the background white:
.footerclass p#subscribe-email {
background: white;
}
Just delete the other CSS, or set the text color to something that is visible on the white background.
-kevin
Kevin,
Thanks. Is there a way to also change the colour of the search box and font colour?
Here is some CSS that will change the typed text and the background colors of the searchbox. Feel free to change any of the colors to whatever you’ll need.
.footerclass div#ajaxsearchlite1 {
box-shadow: none;
}
.footerclass #ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox {
background: red;
}
.footerclass div[id*='ajaxsearchlite'] .probox .promagnifier .innericon {
background: red;
}
#ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input {
color: blue !important;
}
I’m having a difficult time with the placeholder text, but I’ll let you know if I find how to do it.
-Kevin
Kevin,
Thanks. It is geting there. I am now able to chnge the colours of both boxes, but the subscribe box seems to have a shading over about 90% of it that stops it matching the search box. Is there a way the shading can be removed or added to the search box to get them to match?
From what I can see the subscibe box seems to inherit the footer colour by default and add some shading to it. I’ve left both boxes white at the moment to let you see what I mean
http://www.takinginthesights.com
David
Hey David,
Try adding this css:
#subscribe-email input {
width: 100%;
background: white;
}
Does that fix?
Hannah