Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] Page Navigation Links (next/previous) - color change!!! (http://forum.bytesforall.com/showthread.php?t=9556)

shbaxt Sep 10, 2010 03:25 PM

[SOLVED] Page Navigation Links (next/previous) - color change!!!
 
What I am trying to do: I styled my navigation box to the same color as my main link color, so my next/previous disappear. I am attempting to style the next/previous links to #fff, so they show up against the maroon bg.

The Problem: When I do CSS edits, my links in my posts (and anywhere else no link styling is specified) take on that #fff color.

My (attempted) fix:

Quote:

div.older a:link, a:visited, a: active {
color: #FFFFFF;
}

div.older a:hover {
color: #B36B00;
}
It works great in the 'navigation bottom box' where I want it to, but it goofs up all the rest...

This is the container for the link (or at least one of them):
Quote:

div.older {
float: left;
width: 48%;
text-align: left;
margin:0;
padding:0;
}
is there some sort of css command I could put in there to edit the links (still familiarizing myself with css)?

Forgive me if it is pretty unclear what I'm trying to say ---- working on a localhost, no site to show.

lmilesw Sep 11, 2010 06:42 AM

This might have been a typo on your part but there should be no space after the colon on a:active. You also need to add the div.older to limit the CSS to that class. The code should look like below.

HTML Code:

div.older a:link, div.older a:visited, div.older a:active {
    color: #FFFFFF;
    }

div.older a:hover {
    color: #B36B00;
    }


shbaxt Sep 13, 2010 08:13 AM

Perfect. Thanks so much.


All times are GMT -6. The time now is 05:25 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.