Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Need help with Pagelines search bar color


Question

Posted · Report post

How can I change the search bar color and focus color to be different than the page background color scheme that I have selected? I have a dark brown as my page background color, but it makes the search bar dark as well which drowns out the search text.

http://couturevilletest.tk421grafix.com/wordpress/

post-277-0-52782800-1347329398_thumb.png

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Hi

darthkaos

You can use de Nav Classic with the "Simple CSS Lite" plugin found in the PageLines Store to change all parameters.

It's a free plugin that allows you control over the color of the menu.

Simple CSS Lite only works on the standard navigation, it donĀ“t work on NavBar.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Darthkaos

Try this

.searchform .searchfield { background: #FFFFFF; }[/CODE]

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

I have the Simple CSS Lite, and I am using the Nav Classic, but it only controls the menu items, menu hover, and nav bar background, not the search bar.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks James, that got me in the right direction. It changed the search bar background while not in focus, but when you click on it and bring it onto focus it changes to the dark brown again. I think I just need to add the :focus selector to the CSS to get it to work.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again

You can prove with

.searchform .searchfield, .wp-caption, #soapbox .fboxinfo, code, pre { background-color: #FFFFFF !important;}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks guys,

I was able to accomplish it with adding this following code into the custom css.


.searchform .searchfield { background: #835F51; text-color: #FFFFFF; }

.searchform .searchfield:focus { background: #FFFFFF; }

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you for informing us that the issue has been resolved, we appreciate it.

Share this post


Link to post
Share on other sites