WordPress.org

Ready to get started?Download WordPress

Forums

How to change color of links on homepage and pages (4 posts)

  1. ken42
    Member
    Posted 2 years ago #

    I tried playing around in my css to change the colors of some links (custom menu sidebar) and links in my pages and now they seem to be all different colors.

    Here is my website: americanmidwestsalesllc.com

    Notice the manufacturer's (see left sidebar box) on the top are a light blue and the one's further down are a bright blue? I'd like them all to be a darker (thicker - bold text) blue.

    Same if you click on the manufacturer's menu tab -- different colors again. I'd like them all to look uniform if possible.

    Not sure how this is happening...?

    Also - would like to know if it's possible to change the text size of the text on the front page (under Welcome!)

    Thanks for any help you can provide.

    Ken

  2. Rab
    Member
    Posted 2 years ago #

    I guess what you see is the a:visited colour appearing. In your css you'll see #sidebarLeft a:visited { color: #49647D; }. This is the pale blue being assigned to links when you've already visited them. This is the same colour which is applied when you hover over a link, a:hover.

    To modify the sidebar links just change the colour codes applied in these areas (around line 532 of style.css).

  3. ken42
    Member
    Posted 2 years ago #

    Hi Rab,

    Thanks! It worked for the sidebars (now that I know where to paste the code)...Thank you so much :)

    1. I'm having the same issue under my manufacturer list (menu tab) -- it's actually a "page" and if you look at the list some of the links are different colors. What should I look for in the css?

    2. Also - is there a way to adjust the text under "welcome" on the homepage? Where in the css would I adjust the text size?

    Thanks again for helping with the homepage.

  4. Rab
    Member
    Posted 2 years ago #

    I would suggest using Firebug for Firefox. This allows you to inspect and change stuff like CSS on the fly so you can see what code effects what parts, and what changes will look like.

    1. What you are looking for this time follows the same logic as before, except it's under #sidebarRight.

    2. You need to change the value inside font-size: 12px; of the stylesheet for this one, however that'll change the body of any page. If you just want it larger on this page I would just increase the text size on the page editor itself in the WordPress Dashboard.

Topic Closed

This topic has been closed to new replies.

About this Topic