WordPress.org

1. David Borrink
   Member
   Posted 3 years ago #

   Located at http://dev.artsandletters.biz/arts is my project. In the sidebar I have a text widget where the message is flush with the left margin of the sidebar. I can't seem to find where I would change the margin or padding to adjust this.

   Note the other sidebar widgets are fine. The links are all aligned under the header text (which is padded left 36px after the pushpin image).

   I've tried the listings in my CSS on all items but can't seem to get that block of text to move right and align with the header. The header is using the #sidebar h2 code properly, why would the message not respond to any changes I make? Is this block affected by some other CSS file?

   Here are my list codes:

   /* Begin Lists
   
   	Special stylized non-IE bullets
   	Do not work in Internet Explorer, which merely default to normal bullets. */
   
   html>body .entry ul {
   	margin-left: 0px;
   	padding: 0 0 0 30px;
   	list-style: none;
   	padding-left: 10px;
   	text-indent: -10px;
   	}
   
   html>body .entry li {
   	margin: 7px 0 8px 10px;
   	}
   
   /*.entry ul li:before, #sidebar ul ul li:before {
   	content: "- 020";
   	}
   	*/
   
   .entry ol {
   	padding: 0 0 0 35px;
   	margin: 0;
   	}
   
   .entry ol li {
   	margin: 0;
   	padding: 0;
   	}
   
   .postmetadata ul, .postmetadata li {
   	display: inline;
   	list-style-type: none;
   	list-style-image: none;
   	}
   
   #sidebar ul, #sidebar ul ol {
   	margin: 0;
   	padding: 0;
   	}
   
   #sidebar ul li {
   	list-style-type: none;
   	list-style-image: none;
   	margin-bottom: 20px;
   	}
   
   #sidebar ul p, #sidebar ul select {
   	margin: 5px 0 8px;
   	}
   
   #sidebar ul ul, #sidebar ul ol {
   	margin: 0px 0 0 36px;
   	}
   
   #sidebar ul ul ul, #sidebar ul ol {
   	margin: 0 0 0 10px;
   	}
   
   ol li, #sidebar ul ol li {
   	list-style: decimal outside;
   	}
   
   #sidebar ul ul li, #sidebar ul ol li {
   	margin: 3px 0 0;
   	padding: 0;
   	}
   /* End Entry Lists */

2. stvwlf
   Member
   Posted 3 years ago #

   Try adding this to your stylesheet. It worked here

   div.textwidget {
    margin-left:15px;
   }

   You can adjust the 15px to whatever you want

3. David Borrink
   Member
   Posted 3 years ago #

   Thanks, stvwlf!

   That took care of it. A "foreign" tag to the normal css listings. I really appreciate it.

   I did a lot of searching for this answer, and noticed a number of posts on here asking similar questions, but no answers. Hopefully others will see this and be helped.

4. waterstones
   Member
   Posted 2 years ago #

   Yep. That was helpful to me too. Thanks David, and Steve.

Topic Closed

This topic has been closed to new replies.