different font sizes for left and right sidebar

[bkeller49]

I would like to have different post sizes on each of my sidebars at http://laurafrench.kellerinternet.info

I styled the font in the left sidebar by adding: .suf-widget h3 {font-size:25px;} to the custom styles and that worked great, but now I'd like to make the font on the right sidebar smaller.

Any help would be greatly appreciated.

Thanks, Bob

[Colin]

You can probably do it with adding some specificity

Code: Select all

#sidebar-2 .suf-widget h3 {font-size:20px;}


[bkeller49]

That didn't work, even when I added specificity to both:

#sidebar-1 .suf-widget h3 {font-size:25px;}
#sidebar-2 .suf-widget h3 {font-size:14px;}

[sayontan]

It should be #sidebar rather than #sidebar-1. But on your site I couldn't see any instances of h3. Are they on some other page?

[drake]

I styled the font in the left sidebar by adding: .suf-widget h3 {font-size:25px;} to the custom styles and that worked great[...]

What worked great??? The class .suf-widget h3 reffer only to the widgets titles, or you supress any title in your widgets. Probably in your widgets is reflected the changes from Typography section.
Your texts are in "content" of widgets, not in "title". So, you need to address the class .dbx-content, like this:

Code: Select all

#sidebar-shell-1 .dbx-content {font-size:25px;}
#sidebar-shell-2 .dbx-content {font-size:14px;}

(I use 25px for the left sidebar, like you said that you added at Custom Styles - you will see the difference, probably you will wish to use 18px like it is for real now and for right sidebar your new, smaller font).

[bkeller49]

Thanks Drake, I get what you're saying. The new code worked like a charm. Learn something every day.