• 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, simple

    The 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;}

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Moving my <LI> towards the right’ is closed to new replies.