Moving my <LI> towards the right
-
My lists are being pushed further to the left than my text. I’m in the CSS but I can’t figure out what I need to adjust to make it not look that way. What do I adjust to move where my OL and LI items appear?
Thanks!
__________________________
Sample page here:
https://drunkage.com/order-questionnaire-please-complete/
__________________________
And here’s my css:/*
Theme Name: Dyne
Theme URI: https://loreleiwebdesign.com/2008/09/19/dyne-stylish-oriental-wordpress-theme/
Description: Simple Oriental-style wordpress themes by Lorelei Web Design, with emphasis on typography styling. Based on “Desk Mess” by LaptopGeek.
Version: 1.1
Author: pswish_themes
Author URL: https://loreleiwebdesign.com
Tags: valid XHTML, fixed width, two columns, widgets, gravatars, right sidebar, white, green, oriental, simpleThe CSS/XHTML is released under GPL: https://www.opensource.org/licenses/gpl-license.php
*/
/*
This theme was designed by the developpers of bestfreecards.net, coding based on ‘Desk Mess’ theme by geekwithlaptop.com
Used by author’s kind permission.
*/*{margin:0;padding:0;}
body{background:#ae8858 url(images/bg.jpg) repeat top left;font-family:Arial, sans-serif;font-size:12px;line-height:21px;color:#404b2e;margin:0;padding:0;}
a:hover{text-decoration:none;}
h1{font-size:25px;font-family:Bookman, serif;font-weight:400;line-height:normal;padding-bottom:2px;}
h2{font-size:20px;font-family:Bookman, serif;font-weight:400;line-height:normal;padding-bottom:11px;padding-top:15px;}
h3{font-size:17px;font-family:Bookman, serif;font-weight:400;line-height:normal;padding-bottom:10px;padding-top:14px;}
#header-container{width:990px;margin:auto;padding:0;}
#header{position:relative;height:295px;background:url(images/header.png) no-repeat;}
#cup{float:left;height:275px;width:259px;margin-top:26px;}
#logo{margin-left:-37px;float:left;width:304px;height:170px;}
#logo h2{font-family:Bookman, serif;font-size:40px;color:#494134;text-align:center;width:280px;margin:90px 0 0 24px;}
#logo p{color:#fff;margin-left:15px;text-align:center;font-size:18px;font-family:Bookman, serif;}
#headerright{float:left;width:534px;height:295px;margin-left:-85px;}
#menu{background:url(images/menu2.png) repeat-x;text-transform:uppercase;position:absolute;text-align:center:;left:10%;height:55px;top:248px;margin:0;padding:0;}
#menu,#menu ul{list-style:none;line-height:2;}
#menu a,#menu a:hover{display:block;border:none;text-decoration:none;color:#f9f6e0;}
#menu li{float:left;list-style:none;border-right:1px solid #4e583c;}
#menu a,#menu a:visited{display:block;font-weight:700;color:#f9f6e0;padding:10px 12px;}
#menu a:hover,#menu a:active{background:#636d52;color:#f9f6e0;text-decoration:none;}
.clear{position:relative;clear:both;height:5px;}
#wrapper{position:relative;width:977px;background-image:url(images/mainmidpart.png);background-repeat:repeat-y;margin:0 auto;}
#mainwrap{width:990px;margin:0 auto;}
#maintop{position:relative;width:977px;margin:0 auto;}
#maintopimg{position:relative;background:url(images/maintoppart.png);height:113px;padding:0;}
#content{position:relative;width:950px;margin:0 0 0 45px;}
#main-blog{float:left;width:580px;padding:15px 10px 10px;}
#main-blog h1{font-size:26px;font-family:Bookman, serif;font-weight:400;line-height:normal;padding-bottom:2px;}
#main-blog h1 a,#main-blog h1 a:visited,#main-blog h1 a:active{color:#4e463b;text-decoration:none;border-bottom:1px dashed #b2b0a4;}
#main-blog h1 a:hover{color:#82572a;text-decoration:none;border-bottom:1px solid #82572a;}
.postdata{margin-bottom:20px;font-size:11px;font-weight:400;color:#4e463b;}
.post{margin-bottom:60px;}
.post p{text-align:justify;margin:0;padding:0 0 10px;}
post ul{margin-left:35px;}
.post-comments{float:right;width:63px;height:61px;font-size:18px;font-family:Bookman, serif;font-weight:400;background:url(images/commentbck.png) no-repeat;margin:-7px 20px 0 0;padding:18px 0 0 24px;}
.post-social{float:right;width:78px;height:74px;background:url(images/socialbck.png) no-repeat;margin:-22px 30px 0 0;}
.rss{background:url(images/rssicon.png) no-repeat 0 50%;padding-left:20px;padding-top:1px;}
.post-comments a:link,.post-comments a:visited,.post-comments a:active{color:#4e463b;text-decoration:none;}
#sidebar-top{height:90px;min-height:90px;}
#sidebar-content{padding:9px 30px 30px;}
#sidebar-bottom{height:37px;min-height:37px;text-align:right;margin-left:-1px;}
#sidebar{width:305px;position:relative;float:left;margin:-20px 0 0 -8px;}
.subcolumn{width:255px;}
#search{width:252px;height:125px;background:url(images/searchbck.png) no-repeat;margin-left:4px;}
.form-input{width:173px;background:#faf6f6;border:1px solid #e3dccb;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;margin:65px 10px 10px 37px;padding:2px;}
.form-input:focus{background:#f7f1d9;border:1px solid #636f55;}
.search-submit{width:85px;background:#eae8d1;border:1px solid #636f55;color:#666;font-size:.85em;margin:0 0 0 84px;padding:3px;}
.widget{width:252px;margin-left:4px;background:url(images/widgetbck.png) repeat-y;border-bottom:1px solid #e3dccb;margin-bottom:20px;text-align:left;font-size:95%;padding-bottom:10px;margin-top:10px;}
#calendar_wrap{margin-left:55px;}
.widget p{padding-left:5px;}
.widget h2{height:40px;width:252px;background:url(images/widgeth2.png) no-repeat;text-align:center;font-size:20px;font-family:Bookman, serif;font-weight:400;line-height:normal;color:#4e463b;margin:0;padding:22px 0 0;}
.widget ul{border:none;list-style:none;margin:0 0 15px;padding:5px 0;}
.widget ul li{background:url(images/listseparator.png) no-repeat 25% 100%;margin:0;padding:5px 15px 10px;}
.textwidget{padding:0 8px;}
.widget ul li a:hover{color:#635537;text-decoration:none;}
p img{max-width:100%;float:left;margin:0 10px 0 0;padding:0 10px 0 0;}
img.aligncenter{border:1px solid #59350b;margin-left:auto;margin-right:auto;display:block;}
img.alignright{border:1px solid #59350b;display:inline;margin:0 0 13px 13px;}
img.alignleft{border:1px solid #59350b;display:inline;margin:0 13px 13px 0;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{border:1px solid #59350b;text-align:center;background-color:#f3f3f3;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
#bottom{background:url(images/footer2.png) no-repeat;height:154px;}
#bottom p{text-align:center;}
#wp-footer{position:absolute;background:url(images/footer-wp.png) no-repeat;width:95px;height:26px;margin-top:95px;margin-left:460px;}
#wp-footer a{display:block;height:0;padding-top:26px;overflow:hidden;text-decoration:none;width:95px;}
#wp-footer a:hover{background:url(images/footer-wp.png) no-repeat 0 -28px;}
.commentlist{text-align:justify;padding:0;}
.commentlist p{clear:both;margin:0 15px 10px 2px;}
#commentform p{margin:0;padding:6px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.alt{margin-top:1px;background:#f2f2f2;border:1px solid #b2b0a4;padding:10px 10px 5px;}
.alt2{margin-top:1px;background:#fff;border:1px solid #b2b0a4;padding:10px 10px 5px;}
.administrator{margin-top:1px;background:#e5dfcf url(images/author.png) no-repeat center;border:1px solid #7e7d75;padding:10px 10px 5px;}
.cgravatar{float:left;width:60px;height:60px;border:1px solid #47453a;margin:0 12px 0 0;}
.comment-author{font-size:90%;font-family:Arial, sans-serif;color:#2b2d2f;}
.comment-author a:link,.comment-author a:visited,.comment-author a:active{color:#82572a;border-bottom:1px solid #82572a;text-decoration:none;}
.comment-author a:hover{color:#635537;border-bottom:1px solid #b2b0a4;text-decoration:none;}
.comment-date{margin-left:2px;margin-top:3px;font-size:.75em;color:#888;}
#com{width:580px;clear:both;padding:0 0 5px;}
#comhead{margin-bottom:10px;color:#271b03;font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:400;width:175px;height:36px;border-bottom:1px dashed #ccc;padding:8px 0 0 40px;}
#respond{clear:both;width:175px;height:36px;margin-top:25px;color:#271b03;font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:400;padding:8px 0 0 70px;}
#commentform{font:110% Arial, Helvetica, sans-serif;margin:10px 10px 30px 0;}
#commentform label{color:#787878;font-size:87%;}
#commentform input{width:200px;background:#fff;border:1px dashed #b2b0a4;margin-top:3px;font:100% ‘Trebuchet MS’, Verdana, Sans-Serif;padding:5px;}
#commentform textarea{height:130px;background:#fff;border:1px dashed #b2b0a4;margin-top:3px;font:100% ‘Trebuchet MS’, Verdana, Sans-Serif;overflow:auto;padding:5px;}
#commentform #submit{cursor:pointer;}
.contactform input,.contactform textarea{background:#333;border:1px dashed #b2b0a4;color:#fff;}
.contactform input:focus,.contactform textarea:focus{background:#444;border:1px dashed #000;padding-bottom:30px;color:#fff;}
.contactform #contactsubmit{width:85px;background:#111;border:1px dashed #666;color:#e3e3e3;font-size:.85em;}
.contactform #contactsubmit:focus{width:85px;background:#333;border:1px dashed #666;color:#e3e3e3;font-size:.85em;}
.contactform textarea{width:340px;height:200px;margin-bottom:10px;}
.ddfmwrap{width:450px;margin:0;padding:10px 0;}
.ddfmwrap form.ddfm{width:450px;margin:0;padding:0;}
.ddfmwrap form.ddfm legend{font-size:1.1em;font-weight:400;color:#635537;}
.ddfmwrap form.ddfm label{padding-top:4px;color:#635537;font-weight:400;line-height:normal;}
.ddfmwrap form.ddfm fieldset{border:1px dashed #b2b0a4;padding:15px;}
.ddfmwrap p{color:#635537;}
form.ddfm .credits{display:none;}
.ddfmwrap .required{color:#cf0e0e;}
.ddfmwrap .fmtext,.ddfmwrap .fmtextarea,.ddfmwrap .fmselect{background:#fdfef6;border:1px dashed #b2b0a4;color:#635537;font-family:Arial, Helvetica, Geneva, sans-serif;font-size:1em;padding:4px 5px;}
.ddfmwrap .fmtextarea{height:200px;}
.ddfmwrap .fmtext:focus,.ddfmwrap .fmtextarea:focus,.ddfmwrap .fmselect:focus{border:1px dashed #918b6e;}
.ddfmwrap .submit{margin-left:-8px;text-align:left;}
.ddfmwrap .submit input{background:#fdfef6;border:1px dashed #918b6e;color:#2b2d2f;font:normal 0.9em Arial, Helvetica, Geneva, sans-serif;padding:3px 12px;}
#wp-calendar{empty-cells:show;font-size:12px;font-weight:700;text-align:center;text-decoration:none;width:200px;margin:0;padding:0;}
a:link,a:visited,a:active,.post-comments a:hover,.widget ul li a{color:#82572a;text-decoration:none;}
- The topic ‘Moving my <LI> towards the right’ is closed to new replies.