Jump to content
Sign in to follow this  
ecee

Widget title padding

Recommended Posts

ecee

Hi, I don't understand how you do to get the widget title background to span the full width of the widget-pad. I have seen some solutions that do some "visual tricks", but no css that is for the widget title. Is there a simple way to do it? Thanks!

Share this post


Link to post
Share on other sites
catrina
Here's a CSS trick for making the widget title span the width of widget-pad: [code]h3.widget-title {width: 230px; margin-left: -10px;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
ecee
Hi, Superthanks for the tip! Someday I will learn what it means also... :) As the widths are different I tried to change width to 100%. Thought that would be good for responsive reasons and different widget widths. That worked for widgets on frontpage, but not on some of the other widgets. So then I changed to a value that is bigger than the biggest box, and it doesn't seem to go outside, so I hope that's true for all browsers... I also added the top-margin to get rid of the space there too, like this: h3.widget-title {width: 350px; margin-top: -10px; margin-left: -10px;} Now there's only this superthin line (on the border) in the lower right corner, that I have no idea where it comes from, though that's not that visually disturbing. I can live with that :) Superthanks!

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  

×