Jump to content
Sign in to follow this  
szool

Sidebar font control

Recommended Posts

szool

1. I'd like to be able to make my sidebar titles upper and lower case 2. I'd like to bold the sidebar titles I know it is custom css code, just need to know the code. Thanks!!

Share this post


Link to post
Share on other sites
cmunns

Hey Soljon, Can you remind me what theme. Maybe provide a link again?

Share this post


Link to post
Share on other sites
szool

Well on this one it is the default WhiteHouse Pro theme. I'd just like to find the settings for changing the default font size and color so I can make it bigger or smaller, bold, upper and lower case, etc.

Share this post


Link to post
Share on other sites
cmunns

For the sidebar title you would change these CSS rules ` #sidebar .wtitle { background:url("../images/sidebar_title_effect.png") no-repeat scroll center bottom transparent; color:#999999; font-size:1.1em; letter-spacing:0.3em; margin-bottom:5px; padding:3px 0 20px; text-align:center; text-shadow:0 1px 0 #FFFFFF; text-transform:uppercase; } ` For the actual sidebar content you could just make a custom css rule to say `#sidebar {font-size:14px; font-family:arial,...;}` and adjust accordingly.

Share this post


Link to post
Share on other sites
szool

sounds like exactly what I am looking for! But where do I make the edits to the css rules you referenced above?

Share this post


Link to post
Share on other sites
bryan-hadaway

Paste them in: Theme Options > Custom Code > Custom CSS Thanks, Bryan

Share this post


Link to post
Share on other sites
szool

can I change the background on the titles to stand out a bit more, make it a bit darker? On some LCD panels you can barely see it. Thanks!

Share this post


Link to post
Share on other sites
cmunns

Are you talking about the underline effect. That is an image and would have to be edited via a graphic program

Share this post


Link to post
Share on other sites
bryan-hadaway

`body #sidebar a, body #sidebar .widget ul li a{color:#000}` Thanks, Bryan

Share this post


Link to post
Share on other sites
nodebud

Thanks Bryan. I had to change it to #sidebar1 and #sidebar2 to work.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×