Problem with the side bar

  • Resolved peterspliid

    (@peterspliid)


    15 years, 7 months 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; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • Evita

    (@evita)

    15 years, 7 months ago

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

    Thread Starter peterspliid

    (@peterspliid)

    15 years, 7 months 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; }
    Evita

    (@evita)

    15 years, 7 months 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; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with the side bar’ is closed to new replies.