Can't Find Text in CSS. Want to Change Font Color. ? (7 posts)

  1. presh22
    Posted 4 years ago #


    I want to change the font color of my faq page, located here:

    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.

  2. Michael
    Forum Moderator
    Posted 4 years ago #

    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; }
  3. presh22
    Posted 4 years ago #

    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?

  4. Andrew Nevins
    Forum moderator
    Posted 4 years ago #

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

    .hentry div.faq-title a { color: #333; }
    .hentry div.faq-title a:hover { color: #00f; }
  5. presh22
    Posted 4 years ago #

    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!


  6. Andrew Nevins
    Forum moderator
    Posted 4 years ago #

    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.

  7. presh22
    Posted 4 years ago #

    Awesome, Thanks again for the help.

Topic Closed

This topic has been closed to new replies.

About this Topic