Jump to content


Photo
- - - - -

Widget title padding


  • Please log in to reply
2 replies to this topic

#1 ecee

ecee

    Advanced Member

  • Members
  • 42 posts

Posted 11 May 2012 - 01:05 PM

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!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 May 2012 - 01:25 PM

Here's a CSS trick for making the widget title span the width of widget-pad:

Please Login or Register to see this Hidden Content



#3 ecee

ecee

    Advanced Member

  • Members
  • 42 posts

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!