Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Font size in page menu (left side integrated as widget) (http://forum.bytesforall.com/showthread.php?t=456)

Tigger Feb 19, 2009 12:14 PM

Font size in page menu (left side integrated as widget)
 
Hi Flynn,

where can I change the font size for the page menu which I integrated into the left side as a widget ? In the Theme Options >> Widgets I can only change colours etc.

So far I can only influence it in Theme Options >> Body, Text & Links. But then it is also influencing nearly all other texts ...

Flynn Feb 19, 2009 06:10 PM

There are many options for the various widget areas on the "Widgets" menu tab.

To address a specific widget, find its ID or class. If it has an ID use that as it is more likely to overwrite other styles (which is desired to change the style of that specifc widget)

In your case

HTML Code:

div#flexi-pages-1 {
font-size: 1.2em;
}

The class should work too

HTML Code:

div.flexipages_widget {
font-size: 1.2em;
}


Tigger Feb 22, 2009 09:15 AM

Thank you ! That worked perefctly.

How can I find the class or id of a specific widget, if such situation comes along my way again ?

Flynn Feb 22, 2009 11:31 AM

You can look into the source code of the browser-rendered page but I'd strongly recommend that you use Firefox with the add-on Firebug - it's a great time saver for all CSS work, I'd be lost without it

See http://forum.bytesforall.com/showthread.php?t=174

rinoa3108 Aug 24, 2009 02:43 AM

Hello,
I am having a similar situation where i would like to change the color and font size of the page links in the page widget sidebar.
i tried looking in the source code and found 'widget_pages' and 'widget-title' but they dont seem to be it. What is the class ID for this website?
www.barasia.judyly.com
Cheers

Flynn Aug 24, 2009 07:25 AM

To change the colors of links use:

selector a:link,
selector a:active,
selector a:visited,
selector a:hover {
color: #123456;
}

such as:

div.widget_pages a:link,
div.widget_pages a:active,
div.widget_pages a:visited,
div.widget_pages a:hover {
color: #123456 !important;
}

This will only change the color of the text, not the links:

div.widget_pages {
color: #123456;
}

rinoa3108 Aug 26, 2009 10:36 PM

hi flynn,
i tried using the css:

div.widget_pages {
color: #000000;
}

but the links are still white on the Find Us page.

any ideas? cheers

rinoa3108 Aug 26, 2009 10:43 PM

if i want the links to be black, but red when on hover and visited, would this be the css?

div.widget_pages a:link,
div.widget_pages a:active,{
color: #000000 !important;
}
div.widget_pages a:visited,
div.widget_pages a:hover {
color: #ff0000 !important;
}

at the moment with this code, the links are red in all states.

Flynn Aug 27, 2009 07:49 PM

Remove the comma

div.widget_pages a:link,
div.widget_pages a:active,{
color: #000000 !important;
}


All times are GMT -6. The time now is 01:08 PM.

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