Want to Change Font Color Only on Search Results Page

  • Resolved Armenta

    (@armenta)


    11 years ago

    I have been learning to alter code for a few weeks but am having trouble trying to change the font color only on the Search Results Page I recently created.

    I know how to easily change the color on style.css, line 24 as indicated on Firebug. The problem is that if I change the color from #FFFFFF (color I currently have) to #333333 (color I want), it also changes the font color for my container footer on the Main Page, making it hard to read.

    I have looked up different postings regarding this problem and have not been able to get any of them to work on my site.

    Any help would be greatly appreciated!
    Here is my site: https://www.weteam.us

Viewing 3 replies - 1 through 3 (of 3 total)
  • Riversatile

    (@riversatile)

    Hi Armenta,

    To do this, you have to separate “color” CSS class for your Search template.
    Like that, if you change font color on the CSS (eg: “search-font-color”) attribute, this will not affect the other pages based on another PHP templates.

    Thread Starter Armenta

    (@armenta)

    Hi riversatile,

    Thank you for your input.

    Would you please show me what the code would look like for your suggestion? I’ve tried listing the search results in Style CSS by listing it as:

    .body {
    color: #333333 !important;
}

    Then I tried:

    .search_results {
color: #333333
}
    .search {
color: #333333
}

    But none of my attempts are successful.

    Thread Starter Armenta

    (@armenta)

    I was unable to change the font color; couldn’t figure the right code. As an alternative I just changed the background color of the Search Results Page to match the footer-container. 

    body {
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: 'open_sansregular',sans-serif;
    color: #FFFFFF;!important;
    background: #404d59!important;
    font-weight: normal !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Want to Change Font Color Only on Search Results Page’ is closed to new replies.