Trying To Change Widget Title Colour & Size

[stuu3270]

Hi,

I have been searching through the forum and found some posts about this but for a novice it is a little difficult to get my head round.

Some how, in the past I have managed to change the widget titles in sidebar 1 to a nice brown colour (#996600) to match my site theme. Now I cannot figure out for the life of me how I did it and how to get the other widget titles to follow the same.

Can someone tell me how to change this please? I have been searching through CSS and other places to find references to #996600 to try and find out what had changed but cannot figure this out at all!

---- update -------

I have just discovered that if I flatten the sidebars the titles are as I want them (see the title for sourdough books in sidebar 1, which is flattened). When widgets are in individual boxes the titles revert back to grey and smaller font (see sidebar 2 with titles for 'submit photo', etc.).

The site is http://www.hermanthegermanfriendshipcake.com/

Thanks

Stu

[Colin]

You did it in one of two ways either with some custom CSS in Suffusion Options > Back-End > Custom Includes > Custom Styles or you did it in Suffusion Options > Sidebars >Sidebar 1. If you want to change the colour in other places you can do that in Suffusion Options > Typography.

[stuu3270]

Hi Colin,

Thanks for the reply.

my coding in the custom includes is this:
#wrapper {
border: none;
}
.post, div.page {
border: none;
}
div.suf-widget {
background-color: #FFE4C4;
border: none;
}
.dbx-group.right.flattened {
background-color: #FFE4C4;
border: none;
}
#horizontal-outer-widgets-1 {
background-color: #FFE4C4;
border: none;
}

.lg_gallery .top_navigator {
display:none;
}

.lg_gallery .dir_view .folder {
display:none;
}

So I don't think it is in there anywhere, as from using FireBug the wdget headings appear to be H3 and the colour I have used is #996600. None of the above code mentions either of those elements.

I have just checked the typography options and I have changed all my heading fonts - H1, H2 and H3 to colour #996600. Obviously that makes anything that is those sizes that colour.

So, how do I change the same for a sidebar that is not flattened and the widgets are in individual boxes?

Thanks

Stuart

[drake]

For activating the colors of choosed skin for widgets titles need to go at Suffusion Options -> Sidebars -> Sidebar 1 and pick "Theme-based sidebar header (green, gray, blue, red, orange or purple, depending on the selected theme)" at Sidebar Widgets Title.

For adding your own colors for titles add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles:

Code: Select all

h3.dbx-handle {background:red;color:#fff;}

Change red and white to suit.

[stuu3270]

Drake,

that worked great, thanks.
I just need to try and get the text/ font of the titles to match those in sidebar1 (i.e. a little bigger and slightly diffrent looking font type).

Any more tips for that??

Stuart

[drake]

I give you all you need for that. You can add any style you wish to h3.dbx-handle class. For changing fonts complete the previous definition like this:

Code: Select all

h3.dbx-handle {
background:#ffe4c4;
color:#960;
font-size:1.4em;
font-family:......;
}

[stuu3270]

Drake,

You're a star!
Thanks.

[JCBN]

That changes all titles in the sidebar, is it possible to change 1 of the titles only, and make the others be "normal" ?

Trying to look at the code, and not sure if its possible.

[drake]

Is perfectly doable by addressing the h3.dbx-handle for exactly the widget which need to be changed. By example, for your recent posts widget you need this kind of code:

Code: Select all

#recent-post-2 h3.dbx-handle {
font-size:1.4em;
font-family:......;
}

[JCBN]

Is perfectly doable by addressing the h3.dbx-handle for exactly the widget which need to be changed. By example, for your recent posts widget you need this kind of code:

Code: Select all

#recent-post-2 h3.dbx-handle {
font-size:1.4em;
font-family:......;
}

Thanks, i was looking at firebug and everything, and tried all sorts...

This forum is the best... thanks!