Secondary Font Size (Navigation/Widgets)

[Shanna 0]

Please allow me to preface by saying that I do not know code, so I do not know how to make this change by adding custom code. (I wish!) I find the Navigation font and the Widget font a bit small with some of the font choices and I cannot figure out how to make the font larger. I have looked through the forums and could not find a direct answer, only those changing design/look of the navigation. Can you please help me with the code on this? Do I put in the Custom CSS box or in the Advanced box section on the typography page? A design note in general is that on the typography page, we can easily choose a font, a weight, variant and style, but have no options for font size. This would be a welcomed feature by many, I would venture to assume. Just a note for future updates. Thank you so much for your assistance! Much appreciated! Cheers, Shanna using: Platform Pro site: http://beamingbohemian.com

[timlinson 3]

Hi Shanna, you can use this in custom code: `#nav_row {font-size: 30px}` `.widget ul li {font-size: 18px}`

[Shanna 0]

Thanks Tim! I'll put that code to work! : ) Cheers, Shanna

[Shanna 0]

Hi Tim - The navigation bar works beautifully, but the Widget code doesn't seem to have an affect. I've placed both in the custom code box. Advice? Much thanks, Shanna

[timlinson 3]

This also works for me, but maybe we're just not looking at the same area: `#sidebar-wrap {font-size: 18px}` I know you expressed an aversion to coding, but you might still give Firebug a try for small tweaks like this. You can highlights areas of the page and it shows you the selectors for those areas.

[Shanna 0]

Hi Tim - Thanks again for your information. If you take a quick peek at this page on my site: http://beamingbohemian.com/blog/ You can see that the Sidebar Widget Titles are super small with the font I've chosen (and still small with other fonts). I've been hunting on the web for CSS code and cannot find it. I've downloaded firebug and am familiarizing myself with the program, but have not found what I (think) I'm looking for. I'm happy to learn a bit of code, but if you can pitch to me once more, you'll save me hours of homework. I'd like to have the proper code to make the sidebar widget title font larger. Thanks again. You rock! Cheers, Shanna

[catrina 103]

The CSS selector for the widget title is

h3.widget-title

. (For more on font resizing: http://www.w3schools.com/css/pr_font_font-size.asp) For the future, here's a tutorial on how to use Firebug for CSS customization: http://getfirebug.com/

[Shanna 0]

Good Morning Catrina! Thank you for the CSS selector. I was soooo close last night trying lots of variations, but didn't come up with that combination! ;p I've entered the code just now and it works! Aaaaah, relief! : ) (Seems to work better if I put it at top of box versus on bottom ??) Thank you also for the W3Schools link and the firebug tutorial. I'm eager to learn and appreciate the information. You have a super weekend! Cheers, Shanna

[catrina 103]

You're welcome. Actually, here's the link for the Firebug tutorial: http://www.pagelines.com/docs/customization#101