Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] How to style the Previous/Next Navigation links (http://forum.bytesforall.com/showthread.php?t=2791)

Fux Aug 3, 2009 10:31 AM

[SOLVED] How to style the Previous/Next Navigation links
 
Hi,

the title says it all: Is there an option to style the Previous/Next Navigation links separately? Let's say, if don't want them to be bold or in a different color. I could find neither the option nor a separate class name for use in the inserts.

Would be awesome if you could help me with this one.

Flynn Aug 8, 2009 05:06 AM

There's a menu tab "Next / Previous Navigation" for this

Fux Aug 9, 2009 05:01 AM

Thanks for your reply. Of course I know about that tab. But it only provides ways to style the box, hardly the links themselves (bold/italic/standard). I remember there was a thread here recommending to use 'span' tags there, but that had been turned off in recent versions. That's why I ask. I'd use some CSS inserts, but I just can't figure out whether there are separate classes for the next/previous navigation link texts.

juggledad Aug 9, 2009 05:24 AM

The CSS in
'Style the Navigation TOP Box'
'Style the Navigation MIDDLE Box'
'Style the Navigation BOTTOM Box'
will effect the text, just add 'font-size: 2.8em;' and see what happens.

Fux Aug 15, 2009 07:57 AM

Thanks for trying to help me - seems I still don't get it done. What would I need to enter to change the font-weight of the next/previous navigation links to normal?

I tried this:
Code:

a:link, a:visited, a:active {font-weight: normal !important;}
in the "Style the Navigation TOP box" without success.

Flynn Aug 16, 2009 04:34 AM

Those text areas at Next / Previous Navigation -> Style the Navigation TOP Box, etc, can be used to style the containers/boxes that contain the links. To style the links itself, you'd have to use a CSS Insert. Whenever there's no theme option to style something you can use CSS Inserts as a last resort. Look into the source code to see which ID or class the container in question has, then add a CSS Insert

div.navigation-top a:link,
div.navigation-top a:active,
div.navigation-top a:visited,
div.navigation-top a:hover {
...
}

Fux Aug 16, 2009 08:41 AM

Ah, finally. Thank you SO much. That's what I was thinking when i was writing #3 - but I just couldn't find out what the class names were.


All times are GMT -6. The time now is 01:52 AM.

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