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 ...

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

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

The class should work too

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

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 ?

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

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

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;
}

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

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.

Remove the comma

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