WordPress.org

Ready to get started?Download WordPress

Forums

Better Search
[resolved] Color / Font Size Change - Search Results Chart & Small text (5 posts)

  1. RCSparks
    Member
    Posted 10 months ago #

    Hello :)

    I run the RCSparks Studio website at http://www.RCSparks.com

    Love this great plugin - but cannot figure out how to change the Color or Font Size the of the Black Search Results (For example: http://www.rcsparks.com/?s=axial)

    Everything is Black on dark - and we can't see the results.
    Chart, Relevance, and Date. Also, the small text is black.

    I have looked in the "Custom Styles" css area - but don't know what to code there.

    I'm sorry if this is a super noob question - Just not sure where to change it is all

    Thank you so very much! :~) Great Plugin!

    http://wordpress.org/extend/plugins/better-search/

  2. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    In the Custom Styles CSS area just enter this:

    #bsearch_results {
    color: #FFF
    }

    This will set the colour as white. You will need to choose any colour you wish for.

  3. RCSparks
    Member
    Posted 10 months ago #

    You know, I thought that would have as well!

    Thanks for responding. Dang - it just doesnt seem to take - even with an ! important tag

    I cleared my cache.. but no go

    My code looks like this in the custom css

    #bsearch_results {
    color: #FFF !important;
    }

    #bsearchform { margin: 10px; padding: 10px; }
    #heatmap { margin: 20px; padding: 20px; border: 1px dashed #ccc }
    .bsearch_results_page { width:90%; margin: 20px; padding: 20px; }

  4. RCSparks
    Member
    Posted 10 months ago #

    Seems I can change the width of the page there

    But none of the styling seems to change - even when I put in

    color: #E75342;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;

    Very odd indeed.

  5. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    How about:

    #bsearch_results p {
    color: #FFF !important;
    }

Reply

You must log in to post.

About this Plugin

About this Topic