WordPress.org

Support

Support » Themes and Templates » Can't Find Text in CSS. Want to Change Font Color. ?

Can't Find Text in CSS. Want to Change Font Color. ?

  • Hi,

    I want to change the font color of my faq page, located here:
    http://www.buylikeautodealers.com/faq/

    I think I found it on line 475 of CSS Style. The color changes to my desired color code when hovering over the faq text. How do I correct this so the text renders the specified color upon opening the page? As you can see the current color is not conducive and remarkably difficult to read.

    Is this because it is a plug-in?

    Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    the color is set in the
    dashboard – appearance – theme options link color

    if you want to keep the general link color, and only have a new color for the FAQ links, then add this into style.css of the child theme:

    .hentry .faq-title a { color: #333; }
    .hentry .faq-title a:hover { color: #00f; }

    Hi Alchymyth,

    Thank you for the reply. I tried placing the above code into my child style page with the desired color code and it did not render a change. Any thoughts?

    Moderator Andrew Nevins

    @anevins

    Alchymyth almost had it, just missing a div before the .faq-title.
    E.g
    It should be

    .hentry div.faq-title a { color: #333; }
    .hentry div.faq-title a:hover { color: #00f; }

    Andrew, that worked splendidly. Thank you so much!!!!

    How did you guys locate it in the css? I am using firebug and was seeing /faq/ (line 40)
    Also was seeing style.css 471

    I am using dreamweaver for the coding and spent all day on this. I know that is very sad!

    Best,

    Moderator Andrew Nevins

    @anevins

    It was particularly difficult to figure out, as dreamweaver produced a ‘blob’ of styles which you had to fish out class names.
    These are the class names

    a, #site-title a:focus, #site-title a:hover, #site-title a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active, .widget_twentyeleven_ephemera .comments-link a:hover, section.recent-posts .other-recent-posts a[rel="bookmark"]:hover, section.recent-posts .other-recent-posts .comments-link a:hover, .format-image footer.entry-meta a:hover, #site-generator a:hover

    In future, you can try using Google Chrome’s Inspect Element feature.
    https://developers.google.com/chrome-developer-tools/docs/elements

    Awesome, Thanks again for the help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can't Find Text in CSS. Want to Change Font Color. ?’ is closed to new replies.