Need help? Check out our Support site, then


custom link color not working as expected in oxygen theme

  1. I have oxygen theme and have upgraded to custom design. In Theme options I've set the link color to #ff542d (orangey red). I've also set this color in Custom Design. However the links show up a darker blood red - as if there's a grey overlay to them. Even if I change the Custom Design link to white the links still show up dark grey. How can I get them to really show up #ff542d? I can change the CSS but I'm not sure how. Please advise

    The blog I need help with is digitaldevotee.com.

  2. Some additional info...I find that when I chose a secondary menu color which is dark (#111111 or #000000) is changes the secondary menu font to a lighter color. It simultaneously let's all the links appear in the nice orange red I would like. If I change the secondary menu to a light color like #ffffff, the text changes to a dark one and all the links in the whole site then have a dark overlay and the links turn up dark red. How can I stop the links from changing everywhere on the page?

  3. Are you talking about the links in the recent posts and likes widgets in the right sidebar?

  4. hi - this happens to all links included top nav, in post. i do notice that in widgets only the a title link changes color (see my twitter widget) and the tweets themselves stay grey which is fine. you can see my page right now has nice #ff542d but only because my side menu is black. i want it to be white and the links stay #ff542d.

  5. Sorry for the confusion. The Custom Colors feature will update the color values if the color you set is too close to the background color and may affect readability or make it harder for the sight-impaired to read it.

    You can still override the colors, but you'll have to do it with the CSS Editor instead of Custom Colors. It may take some work if you want to change a lot of things, but the forums are a good place to ask for help.

    I checked your site, and I found that it looks like you've already got the link color updated using the following custom CSS:

    a {
    	color: #ff542d;
    	text-decoration:none;
    }
    
    #topmenu li a:hover,
    #topmenu li.active a {
    	text-decoration: none;
    	color: #ff542d;
    }
    
    .post .title a {
    	color: #ff542d;
    	padding-bottom: 5px;
    }

    To also update the flickr link color, add ".widget ul li a" to the selector list. Note that you can combine those. For example, you can replace the first two blocks from the example above:

    a {
    	color: #ff542d;
    	text-decoration:none;
    }
    
    #topmenu li a:hover,
    #topmenu li.active a {
    	text-decoration: none;
    	color: #ff542d;
    }

    with this:

    a,
    #topmenu li a:hover,
    #topmenu li.active a,
    .widget ul li a {
    	color: #ff542d;
    	text-decoration:none;
    }

    Notice that I added ".widget ul li a" to the list in the last example.

Topic Closed

This topic has been closed to new replies.

About this Topic