• Resolved silico26

    (@silico26)


    hi all. i have a question that seems super simple, but is actually hard to find on a search (probably due to it’s simplicity!)

    this is my site.

    i’m trying to change the main content links to dark blue with a light blue hover effect – right now they appear black with no hover effect.

    within the Simple Catch theme’s settings, under “color content options” there are various text options, including “link color” but changing this doesn’t seem to change it from the black. perhaps something in my custom css that’s overwriting it? i’m not sure, but regardless, there doesn’t seem to be any link hover option with the theme’s main settings, so even if i didn’t potentially have troublesome code effecting link colors, i would still be searching for a way to create the hover effect.

    i’ve included my custom css below. any ideas of additional custom css i can add to get “custom” link color/hover color to the site’s main body? thanks in advance.

    h1#site-title a {
    color: transparent;
    }
    h1#site-title {
    background: url("http://devynconstruction.com/logo.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    height: 204px;
    width: 550px;
    }
    
    .page h2 {
     display: none;
    }
    
    table strong {
       color: white;
     font-size: 20px;
    }
    
    table {
       color: white;
     font-size: 20px;
    }
    
    #footer {
     background: url(http://devynconstruction.com/wp/wp-content/themes/simple-catch/images/footer.jpg) repeat-x;
    }
    
    h2#site-description,
    #footer,
    #footer a,
    #footer span {
    color: #fff;
    }
    
    blockquote {
        background-color: #e8e8e7;
        background-position: left top;
        background-repeat: no-repeat;
        border-color: #FEC262;
        border-style: solid;
        border-width: 0;
        margin: 10px 10px 10px 50px;
        padding: 5px 5px 5px 32px;
    }
Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter silico26

    (@silico26)

    unless anyone has any ideas i think i’m just going to let this one go and settle for the defaults/whatever custom css I have that’s possibly overwriting. thanks

    What links are you trying to change? There don’t appear to be any on the home page or the about page? On the photo gallery – the titles?

    Thread Starter silico26

    (@silico26)

    Thanks for your reply. I’m trying to change the main body links. They are currently black, so they blend in with the regular body text. On the home page there is a link that says “Contact us” and on the About page there is a link that says “get in touch”. Thanks

    Ah, gotcha — yes, they are hard to see as is! Add this to your style.css file (child theme):

    .page p a {
       color: blue;
    }
    
    .page p a:hover {
       color: red;
    }

    Obviously, change the colors to the hex codes that you want — I just used these to test it in Firebug.

    Thread Starter silico26

    (@silico26)

    perfect, thanks yogi!

    hi all
    I have read the post and would like to know where to paste the above coding. Child theme?
    Can i not paste this into the main css in WP
    I have changed the link color to orange but there is no option for hover.
    http://www.gaptours.net
    i just want the hover on my blog posts,
    really appreciate any help

    Thread Starter silico26

    (@silico26)

    @gaptours, you should always make these sort of changes in a Child Theme. You certainly CAN change them in your main stylesheet, but it’s bad practice (you may end up breaking you site + you will lose the changes if you update your theme)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Simple Catch theme – main body custom link color hover color?’ is closed to new replies.