WordPress.org

1. peterspliid
   Member
   Posted 3 years ago #

   I have to edit the sidebar/widgets manually, so I have a problem.

   http://eccentric.wtf.la
   In the 'links' widget, the text is sticking out of the grey box. How do I fix it?

   /*---:[ sidebar styles ]:---*/
   
   #sidebar ul { list-style: none; }
   
   	#sidebar ul li { width: 250px; margin-bottom: 25px; float: left; }
   
   		.sidebar_section { width: 150px; padding: 10px 0 10px 0; background: #f5f5f5; float: left; }
   
   			.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
   
   			.sidebar_section p.center { text-align: center; }
   
   			.sidebar_section img.off { border: none; }
   
   			#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 210px; padding-left: 20px; margin-bottom: 12px; }
   
   				#sidebar ul li ul li, #sidebar ul li ol li { width: 200px; padding: 3px 10px 3px 0; margin-bottom: 0; }
   
   					.quick_date { padding-left: 10px; color: #999; }

2. Evita
   Member
   Posted 3 years ago #

   Change the width of your sidebar list from 250px to 150px. But let me say, this is very very small for a sidebar.

3. peterspliid
   Member
   Posted 3 years ago #

   Thanks I've changed it so it looks like this but it didn't change anything on the page

   /*---:[ sidebar styles ]:---*/
   
   #sidebar ul { list-style: none; }
   
   	#sidebar ul li { width: 150px; margin-bottom: 25px; float: left; }
   
   		.sidebar_section { width: 150px; padding: 10px 0 10px 0; background: #f5f5f5; float: left; }
   
   			.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
   
   			.sidebar_section p.center { text-align: center; }
   
   			.sidebar_section img.off { border: none; }
   
   			#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 210px; padding-left: 20px; margin-bottom: 12px; }
   
   				#sidebar ul li ul li, #sidebar ul li ol li { width: 200px; padding: 3px 10px 3px 0; margin-bottom: 0; }
   
   					.quick_date { padding-left: 10px; color: #999; }

4. Evita
   Member
   Posted 3 years ago #

   You have to change all:
   

   #sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 210px; padding-left: 20px; margin-bottom: 12px; }
   
   #sidebar ul li ul li, #sidebar ul li ol li { width: 200px; padding: 3px 10px 3px 0; margin-bottom: 0; }

Topic Closed

This topic has been closed to new replies.