Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

How can I change link color in Skeptical theme?

  1. nefertizahra
    Member

    HI, because my blog was loading ridiculously slow because of this infinite scroll debacle, I changed themes to Skeptical. But the link color always matches the selected color theme, which does not work for my background because you can't see links.

    Can someone please tell me if & how I can change link color in Skeptical theme? I have the upgrade but don't know any CSS or code & I'm not a tekkie, so please, baby talk ; - >

    Thank you!

    The blog I need help with is sylverblaque.wordpress.com.

  2. timethief
    Member

    I have flagged this thread so it will be moved to the CSS Forum for you.

  3. sl1k
    Member

    Thread moved to CSS forum section.

  4. timethief
    Member

    Thanks sl1k :)

  5. sl1k
    Member

    You're welcome! TT, = )

  6. designsimply
    Staff

    To change the link colors in the Skeptical theme posts and pages, try this:

    a:link, a:visited {
  color: tomato;
}

    Adjust the color as necessary.

    There are different types of links in that theme too. For example, to change the link color for the sidebar pages or blogroll list, you would use this:

    .widget ul li a {
  color: tomato;
}

    If you wanted to catch other links, let us know which ones.

  7. nefertizahra
    Member

    Thank you so much! But where do I paste this? In CSS somewhere? Sorry, totally clueless about code & where it goes...

  8. designsimply
    Staff

    @nefertizahra, sorry I didn't think to mention it! In order to be able to add CSS to a WordPress.com theme, you have to purchase the Custom Design upgrade. You can do that, or use the Preview button to see how it works, by adding the CSS to your WordPress.com Appearance → Custom Design → CSS page.

  9. nefertizahra
    Member

    Great! I already have that Custom Design upgrade. Thanx so much for your help. I have one more question. I notice you use the word "tomato" for red. Do I have to use other fancy names for colors instead of just the regular color name? And if so, how will I know which fancy name for each color to use? Like for instance green could be "hunter" or "grass," etc. Is there some special list of these fancy color names for CSS, or can I just use regular color names? Thanx again for helping me with this :)

  10. designsimply
    Staff

    Do I have to use other fancy names for colors instead of just the regular color name?

    Nope. :) I just like the fancy color names. Here's a list: http://www.w3.org/TR/css3-color/#svg-color

    You can use color codes like #FF0000 too, that's the code for red. You can read more about hexadecimal color codes at http://en.wikipedia.org/wiki/Web_colors

    There are nifty browser add-ons that will let you use a color picker to click on a web page element or image embedded in a web page and see it's color code. If you want to try one out, try searching for "color picker" with your browser name and you should be able find one. I use this one in Chrome, but there may be a better one: http://eye-dropper.kepi.cz/

  11. nefertizahra
    Member

    Thank you so much! You've been really helpful with all this & I so appreciate it. Have a sweet week ; - >

  12. designsimply
    Staff

    I will! Have a sweet week too. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags