Text Widget Font Size

[elatorre]

Hi -

Awesome theme!!

I am wondering how to change the font size within a text widget. The font command works fine when I specify a color or font-face, but will not change the size. Is there a way to do this?

Also, where do I change the widget header size? I've gone through the Suffusion options and changed the things I thought it would be,but obviously I am missing it.

Thanks!!
www.eliselatorre.com

[Colin]

Put the following in Suffusion Options > Backend > Custom Includes > Custom Styles

For the Title

Code: Select all

.suf-widget h3 {font: bold 150%/100% Arial,Helvetica,sans-serif;}


Change the 150% to suit

For the text try

Code: Select all

.textwidget p, .textwidget .p {font-size:12px;}


Adjust the 12px to suit.

[elatorre]

Thank you!!!! Works perfectly.

[smartyd]

How would you change the font color for non-text widgets? I've been trying to change the color of my "recent posts" widget, and have changed the size, but the color won't change.
Thanks

[drake]

Without an url I cannot see your "Recent Posts" id. For all widgets you can adress .dbx-content class:

Code: Select all

.dbx-content {color:#ff00ff;}

replace magenta with desired color.

[fantoush]

Hi Drake - Your code helped me change the font size of my widget headers - thank you! I was wonder if you could help me with the code for the text within the menus? http://fantoush.brasic.co.uk/shop/ Eg under 'Product Categories' Decorative Headboards Stools are all tiny!

Thank you

[drake]

Hmmmm... with my code can change font color in widgets content, Colin addresed font size

For categories widget try to add at Custom Styles:

Code: Select all

aside#jigoshop_product_categories-2 a {font-size:1.6em;}

But, I would suggest to visit first Suffusion Options -> Typography and increase there the sizes for fonts - in the content area also your selected font is unreadable at given size.

[fantoush]

Ooops - sorry Colin! And thank you Drake - I had tried Colin's code which worked great for the Widget headers but the text code didn't Thank you Drake for your code - it did change the widget you specified - product categories, would you mind showing me the code for the Login and Shopping cart widget? I tried variations on what you gave me but to no avail!

I tried a few different options in the Suffusion Typography but nothing seems to change - any ideas how to make the product titles - ie Oatmeal Headboard any bigger? Im using Suffusion Commerce Pack with the Jigoshop Plug in if that makes a difference.

Thank you very much for your help

[Colin]

Try this

Code: Select all

.products li strong {font-size:20px;}


Change the 20px to suit.

[drake]

For changing styles for ALL content of widgets you can address the class .dbx-content. Next code added at Custom Styles will increase unitary the font size for texts in all widgets.

Code: Select all

.dbx-content {font-size:1.6em;}

If you wish to have separate styles, you need to address separately each widget:

Code: Select all

aside#user-login-2 .dbx-content {font-size:1.4em;}
/* will increase the font in the content of login form */
aside#jigoshop_cart-2 .dbx-content {font-size:1.6em;}
/* will increase more the font in the content of shopping cart */

For products section I suggest to add this code at Custom Styles:

Code: Select all

#products-wrapper {font-size:1.6em;}

This code try to increase proportionally all sections of products texts, because there aren't just products titles, but also prices or other informations.