WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Ten
[resolved] Question about a:hover link color (10 posts)

  1. dmcgilli
    Member
    Posted 1 year ago #

    Hello,

    I have several links on my website.
    When I hover over some of them they turn red.
    Which is what I want.
    However some links do not turn red when I hover over them.
    With these links they only turn red when I hover over them AFTER I have visited then before.
    I`m using a child theme which is working fine.
    Is the problem the fact that I have the link code twice?
    I have the link code from @import url("../twentyten/style.css"); and I also have it further down in the child CSS file

    The child CSS file code is included below:

    /*
    Theme Name: Twenty Ten Child
    Template: twentyten
    */

    @import url("../twentyten/style.css");

    #site-title a {
    display:none !important;

    }

    #site-description {
    display:none !important;
    }

    #site-generator a {
    display:none !important;
    }

    .entry-content,
    .widget-area,
    #container
    {
    font-family: Arial, Verdana, sans-serif !important;
    }

    a:link {
    color: #990000;
    }

    a:visited {
    color: #743399;
    }

    a:hover {
    color: #ff4b33;
    }

    a:active {
    color: #ff4b33;
    }

    Thanks in advance for your help

    Douglas

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you link the page in which the issue occurs and let us know which links they are?

    Also familiarise yourself with CSS Specificity because it sounds like you're not using specific-enough selectors.

  3. dmcgilli
    Member
    Posted 1 year ago #

    Thanks

    Here is the page:

    http://woodsumac.com/resources/

    Thanks

    Douglas

  4. dmcgilli
    Member
    Posted 1 year ago #

    Hello,

    The links in the Articles page do not change to bright red when you hover over them.
    However once you click on a link it turns purple. When you hover over the purple link it changes to bright red.

    Some of the links in Articles and Publications work properly.

    Any more ideas???

  5. dmcgilli
    Member
    Posted 1 year ago #

    Hello again,

    I just noticed something else.
    When a link is underlined it doesn`t work properly
    When a link is not underlined it works properly

    Any ideas?

  6. dmcgilli
    Member
    Posted 1 year ago #

    Actually I`m wrong with that

    Any ideas?

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You have this code commented out at the moment?

    /*
    a:visited {
    	color: #743399;
    }
    
    a:active,
    a:hover {
    	color: #ff4b33;
    }
    
    */
  8. dmcgilli
    Member
    Posted 1 year ago #

    Got it to work
    Where can I learn more about CSS?
    I`ve been to w3schools are there other good websites?
    Thanks for your help

    Douglas

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

  10. Jason
    Member
    Posted 1 year ago #

    I'd recommend codecademy.com. It's a great resource and it's free.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.