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 ... |
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 { HTML Code:
div.flexipages_widget { |
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; } |
All times are GMT -6. The time now is 01:55 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.