• Hi,

    I want to change the font color of my faq page, located here:
    https://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)
  • 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; }
    Thread Starter presh22

    (@presh22)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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; }

    Thread Starter presh22

    (@presh22)

    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,

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    Thread Starter presh22

    (@presh22)

    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.