- This topic has 8 replies, 2 voices, and was last updated 13 years, 3 months ago by
.
-
Posts
-
On http://backto.co.uk the events calendar widget causes problems with the widget title area.
Any tips to fix this Thanks in advance.
Add "overflow:hidden;" to the .sidebar .widget rule
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
When I added it breaks the design and layout of the widget headline graphic by pushing it to the right.
I'm not seeing anything pushed to the right
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
http://backto.co.uk/ widgets headline background graphics pushed right
http://awesomescreenshot.com/09dv9xn56
http://base.remotetestserver.com/ headline background graphics not pushed right
http://awesomescreenshot.com/076v9xa9c
There not pushed right. The title backgrounds have a negative left margin and the overflow is now hidden. You'd either need to move the sidebar itself over to the left further and then add left padding to the elements inside the widgets to get the same effect or remove the overflow property and add height to the .sidebar .widget rule instead.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
.widget_sc_events_widget:after {
display: block;
content: ".";
clear: both;
height: 0;
text-indent: -9999px;
visibility: hidden;
}This is the fix.
Thanks
- The topic ‘Going Green Widgets’ is closed to new replies.