WordPress.org

Ready to get started?Download WordPress

Forums

Luminescence Lite
[resolved] The Search box (10 posts)

  1. TonyWilliams
    Member
    Posted 8 months ago #

    I am using your Theme for a new site and I'm a new user of WordPress (At 69 the brain cells don't work like they used to :-) ) I've added the Search box widget but the actual input box for the Search is black. Is there any way I can change that to white which is what I think most users would be used to seeing?
    Many thanks
    Tony
    PS Many thanks again for your help on adding Posts menu to my pages!

  2. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    Hi Tony...Just to confirm, you are wanting the search field to be white?

  3. TonyWilliams
    Member
    Posted 8 months ago #

    Yes that's it.
    However I've just realised that the Search box is a WordPress widget and therefore I assume it's background colour is part of its style file and not governed by the theme style. Am I right?
    Thanks
    Tony

  4. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    It's both (sort of)...the styling for the search is found in the theme's style.css around line 1371 and starts with this:

    /* Search Widget */

  5. TonyWilliams
    Member
    Posted 8 months ago #

    Yes I found that. I know nothing about css files (I've only used html files) but I can see where the colour is, I think it's this line #lum-searchsubmit {
    background-color: #23292a;
    I'm nervous about changing the css file but if I change the child css file as described on your website oage for this style would that suffice? I assume I would change it to #FFFFFF?
    Thanks for your help.
    Tony

  6. sumoncep
    Member
    Posted 8 months ago #

    Hi wp lover
    This is simple but i think there should be another way to change if have search.php file and your child theme style file have no css code you can import from parent theme by changing style file.

  7. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    Hi Tony...correct on the colour. Also correct on the child theme method for modifications. It's recommended for any core theme changes that these are done from a child theme (which this theme has one that you can install...found in the "child-theme" folder of the theme files). The other method if just making css changes is to use a CSS edit plugin. If you use JetPack, this already has one in it to Edit CSS.

    As a side note, any changes you make, if you are nervous, would be to make a copy of your theme files so that if anything went wrong, you can easily upload the backed up ones.

  8. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    @sumoncep...the child theme style.css is empty to begin with because it imports all the parent theme's styles automatically when viewing the site's front-end. For any changes to css, these custom changes are added to the child theme's style.css by the user.

  9. sumoncep
    Member
    Posted 8 months ago #

    Thanks
    yes you are right

  10. kla809
    Member
    Posted 1 week ago #

    Hello,

    I'm trying to change the color of the search box as well. I copied the code into the child theme, made the changes to the CSS, but it isn't changing. :-\ What am I missing?

    Here's the site: http://www.pixelsinthewild.com/

    nvm... I figured it out. I had a bracket missing on the code right before the Search code, so it wasn't seeing it.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.