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!
Widget title padding
Started by
ecee
, May 11 2012 01:05 PM
2 replies to this topic
#1
Posted 11 May 2012 - 01:05 PM
#2
Posted 11 May 2012 - 01:25 PM
Here's a CSS trick for making the widget title span the width of widget-pad:
#3
Posted 11 May 2012 - 02:12 PM
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!










