Problem with link colors on WP

12 replies
Some links on my WP site become white when hovered(on white B/G of course).

I thought I could fix this inside the css file, but I can t find it.

Where else should I look?

Thanks for your help!
#colors #link #problem
  • Profile picture of the author SUPER Louie
    Use FileZilla to check the CSS via FTP.

    It's usually in Themes and then Edit. In your WP Dashboard
    Signature
    A superhero is someone who knows how to be quiet, shed a tear for a moment, then pick up his sword, and fight again!
    {{ DiscussionBoard.errors[7100130].message }}
  • Profile picture of the author coffeecashnow
    Thanks,

    But this is not the problem. I can easily locate the file.

    My problem is finding what to change in th css file

    Thanks
    Signature

    {{ DiscussionBoard.errors[7100169].message }}
  • Profile picture of the author webpeon
    If you can provide a link to a page that has some of these links someone should be able to point out which css lines need to be changed
    Signature
    Web 2 Mobile
    The Future of The Web
    {{ DiscussionBoard.errors[7100351].message }}
  • Profile picture of the author Quoia
    Another option is just to open up the CSS file in an editor and replace all of the color: #fff with the color of your choice, unless you have white text somewhere else you would like to keep. If it still doesn't work it may be that the theme is not properly coded and the text color is hard coded into the template.
    {{ DiscussionBoard.errors[7100382].message }}
    • Profile picture of the author webpeon
      Originally Posted by Quoia View Post

      Another option is just to open up the CSS file in an editor and replace all of the color: #fff with the color of your choice, unless you have white text somewhere else you would like to keep. If it still doesn't work it may be that the theme is not properly coded and the text color is hard coded into the template.
      never thought of doing it this way..

      to be safe you could use the find feature first to find all #fff and then change the ones that sit inside any block using the tags a:hover
      Signature
      Web 2 Mobile
      The Future of The Web
      {{ DiscussionBoard.errors[7100389].message }}
  • Profile picture of the author coffeecashnow
    Thanks for all your answers.

    The problem is when I don that, it appers there is no #fff on my css file, neither any hover

    see my problem on the home page where I changed 1 of the category to OPTIMISATION and now the problem happens on this, while it s working fine on other categories.

    You can see on this page as well what happens.

    Thanks!
    Signature

    {{ DiscussionBoard.errors[7102895].message }}
  • Profile picture of the author chretit
    Hey, coffeecashnow

    Please have a look in your theme style.css at line 105:
    Code:
    .menu li.active a,a:hover{
        color: #fff !important;
    }
    Try changing "color" to another colour such as green. But this is a quick fix, please make check there aren't cascading implications of that change. (There are few other rules that may need looking at but this seemed to fix it for me without doing lots of testing)

    J'espère que ça pourra vous aider
    {{ DiscussionBoard.errors[7103050].message }}
    • Profile picture of the author coffeecashnow
      Thank you, it did help a lot!

      Though I still have the problem on OPTIMISATION on the home page that should not change color and it does. any idea on this?

      Merci beaucoup

      Originally Posted by chretit View Post

      Hey, coffeecashnow

      Please have a look in your theme style.css at line 105:
      Code:
      .menu li.active a,a:hover{
          color: #fff !important;
      }
      Try changing "color" to another colour such as green. But this is a quick fix, please make check there aren't cascading implications of that change. (There are few other rules that may need looking at but this seemed to fix it for me without doing lots of testing)

      J'espère que ca pourra vous aider
      Signature

      {{ DiscussionBoard.errors[7103066].message }}
  • Profile picture of the author chretit
    Hey, coffeecashnow
    it seems that the "Optimisation" link doesn't have its own rule like the other links in that group like video, reputation, etc.

    At line 235 in style.css there's a block of code:
    Code:
    .item-icon.seo a{color: #055D9E !important;}
    .item-icon.web a{color: #027e02 !important;}
    .item-icon.ppc a{color: #e34c04 !important;}
    .item-icon.social a{color: #4d4d4d !important;}
    .item-icon.email a{color: #da0404 !important;}
    .item-icon.video a{color: #6e6e6e !important;}
    .item-icon.reputation a{color: #ffe147 !important;}
    .item-icon.optimisation a{color: green !important;}
    .item-icon.direct-mail a{color: #0b9e99 !important;}
    I've added the missing line. Feel free to change the colour, of course.

    See it if helps. If not, come back and we'll figure it out
    {{ DiscussionBoard.errors[7103175].message }}
  • Profile picture of the author coffeecashnow
    Actually it was to replace the direct mail line

    It did the job!

    Thanks a lot!
    Signature

    {{ DiscussionBoard.errors[7103339].message }}
  • Profile picture of the author coffeecashnow
    Chretit, maybe you can help on this one?

    http://www.warriorforum.com/programm...ml#post7104168

    Thanks
    Signature

    {{ DiscussionBoard.errors[7104228].message }}
  • Profile picture of the author rising_sun
    Banned
    May be internal css is used ,
    go to index.php and edit the page.
    {{ DiscussionBoard.errors[7110101].message }}

Trending Topics