WordPress.org

1. hannahcraner
   Member
   Posted 3 years ago #

   I don't like links in the sidebar. They are indented after the sidebar title and I want them to line up on the left. How do I get rid of that? I can't find it in the coding...

   http://design-my-handbag.com/

2. Samuel B
   moderator
   Posted 3 years ago #

   your theme's
   sidebar.php
   and/or
   style.css

3. hannahcraner
   Member
   Posted 3 years ago #

   k...but what am I looking for? I don't know how to change it...

4. mores
   Member
   Posted 3 years ago #

   you have your theme on your hard drive.
   Go there, open "sidebar.php" with notepad, then look for "blogroll" or something like that.
   Remove.
   Upload the sidebar.php file from your hard drive to your webserver, make sure it's in the theme path.

   EDIT: whoops ... just realized you do not actually want to remove the links themselves, but the indentation.
   So you need to work on the style.css file. Look for
   

   /* Sidebars */
   #leftside {clear:left; float:left; line-height:1.5em; margin:0 0 4px; padding:20px; width:240px;}
   #extras {float:right; line-height:1.4em; margin:0 0 20px; padding: 10px; width:240px;}
   #leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
   #leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 0px;}
   #leftside ul ul, #extras ul ul {margin:6px 0 0 0px;}
   #leftside ul ul li, #extras ul ul li {margin:0 0 0px;}
   #leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
   #leftside ul.linklist, #extras ul.linklist {font-size:1em;}
   #leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 0px;}
   #leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
   #leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#b10324; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
   #leftside label, #extras label {display:none;}

   And adapt. If you want the links to move left to be aligned with the "Links" headline, you need to create a li.linkcat and give it a negative left-margin.
   You should go over the css, you're using classes that do not exist in the stylesheet, maybe cleaned out too much from the original theme. Go back and compare ... happened to me too!

5. chaoskaizer
   Member
   Posted 3 years ago #

   Find in your theme's style.css (on line 49)
   

   #leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}

   add after it
   

   #leftside ul, #extras ul{
    padding-left:0pt}

   Use the "Theme Editor" to edit the CSS goto Admin Dashboard > Presentation/Design/Appearance > Theme Editor → select Stylesheet (style.css)

Topic Closed

This topic has been closed to new replies.