Forums

johnjf

I'm using widgets in my footer and I'm not sure how to style them with css. One seems to be over lapping the other. How can I go about fixing this?

heres a link to The website

Luminated

This is because your "word wrapping" is not correct. Add this to your reset:

word-wrap: break-word;

In other words, change your reset to:

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;word-wrap: break-word;}

johnjf

the middle widget is still overlapping my right widget. here is what I have in my functions. Do I need to edit this and add the css styles to fix it?

if ( function_exists('register_sidebar') ) {
	register_sidebar(array('name'=>'sidebar1',
		'before_widget' => '<li>',
		'after_widget' => '</li>',
		'before_title' => '<h3>',
		'after_title' => '</h3>',
	));

treehouse : what would you like to learn today?

Forums

wordpress widget styles