Hi, I am working on a simple wordpress landing page and created a list on the page. I want to get the list closer to the center of the page, how can I do this? The page is: my-beauty-tips.info Thanks for any tips.
Find this block of code in your style.css: .Post ul li { background-image:url(images/PostBullets.png); background-repeat:no-repeat; line-height:1.2em; margin:0.5em 0; padding:0 0 0 19px; } Code (markup): Then change the margin so that it looks like this: .Post ul li { background-image:url(images/PostBullets.png); background-repeat:no-repeat; line-height:1.2em; margin:0.5em 0 0.5em 10em;/*change this line*/ padding:0 0 0 19px; } Code (markup): You can play with the margin till you get it where you want. 10em should get you in the ballpark. You might want to adjust it to say, 12em or 8em to suite your preference.
Thanks for your time, the related code of the css is as follows .Post ul li { height:1%; background:none; [B]margin:0.5em 0 0.5em 10em;[/B] behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/PostBullets.png',sizingMethod='crop')"); } Code (markup): I included the margin part as you suggested but no change.
Where did that come from? Are you sure you're looking at the right style.css? Here is the one the page in your link above is loading: http://my-beauty-tips.info/wp-content/themes/Blank_Sales_Page_Theme_With_Header/style.css