changing links style

  • 1s1ah

    (@1s1ah)


    11 years, 5 months ago

    Hi,

    First time poster, just starting to try and blog and customize the look.

    I’ve looked all through the css of the theme I’m using (Twenty Twelve) and I’ve been able to definitively figure out where to go to change the way all links function. What I’d like to have happen is change them from underline to bold, and also change the color of a link that has been previously clicked.

    Any help would be appreciated.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    Hi there,

    If you post a link to your website we can a look and make a suggestion for you.

    Cheers 🙂

    Luke the Daft Duke

    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    Thank you for the reply!

    the site is located at zekeseeker.com

    I’ve just started, so there’s not much content to speak of. But, to reiterate, I’d like all links to be bold (not underlined) in the same color as the rest of the text. Another color when hovered, and another color after visited.

    Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    Hi there!

    Try this:

    a {
  color: #444;
  font-weight: 500;
  text-decoration: none;
}

a:hover {
  color: #???;
}

a:visited {
  color: #???;
}

    I don’t know what colors you wanted so you’ll have to enter the HEX code where the question marks are.

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    Does it matter where in my css I paste it?

    Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    Are you using a child theme or a custom css plugin?

    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    I’ve been going to appearance > editor and locating the style.css on the bottom of right sidebar on my WordPress dashboard

    Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    You definitely don’t want to be doing it that way.

    As soon as your theme updates you’ll lose all of the changes you’ve made.

    Easiest way is to use a plugin such as Simple Custom CSS and paste the css snippet in there.

    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    Okay, thank you. That’s just one of the things I did not know.

    I changed the background color in the css, so you’re saying that will change back as well?

    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    Alight, so I added the simple custom css plugin and decided I wanted the visited links to be the same color as the non visited and have a different hover color. I plugged in the following:

    a {
  color: #04549d;
  font-weight: 800;
  text-decoration: none;
}

a:hover {
  color: #d41e47;
}

a:visited {
  color: #04549d;
}

    but, it doesn’t seem to be working the way I had hoped. Any idea why?

    Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    I’ve just taken a look and it seems you’ve changed it a little but it’s all working fine.

    Are you still having problems?

    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    I’ve played with it a bit. I guess I just simply want all links to be blue (even after visited), and red when hovered, but I’m not getting that result. Some (like the categories link below the post) hover blue. Then, my visited links are light grey. I’d like to resolve this so I can move onto other aesthetics I’d like to personalize.

    Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    Each element will have it’s own class so you’ll have to go through them one by one.

    .comments-link a, .entry-meta a {
  color: #???;
}

.comments-link a:hover, .entry-meta a:hover {
  color: #???;
}

.comments-link a:visited, .entry-meta a:visited {
  color: #???;
}
    Thread Starter 1s1ah

    (@1s1ah)

    11 years, 5 months ago

    Aha!

    So now what about linking outside of the site? Those links are still grey when visited.

    Luke Stacey

    (@daftduke)

    11 years, 5 months ago

    See this thread: TwentyTwelve Changing Link Color

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘changing links style’ is closed to new replies.