1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Change spacing of Lists in WP theme

Discussion in 'CSS' started by Pri, Dec 20, 2009.

  1. #1
    I have a WP theme in which the spacing for the lists is different than the rest of the text

    How can I change it to look exactly like the rest of the text:
    /*
    Theme Name: Integral
    Theme URI: http://wpthemespot.com/
    Description: <a href="http://wpthemespot.com/themes/integral/" title="Integral Theme">Integral</a> is a WP ThemeSpot Production.
    Version: 1.1
    Author: WP ThemeSpot
    Author URI: http://wpthemespot.com
    */
    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */

    /* Elements */

    body {
    margin: 20px 0;
    font-size:10px;
    font-size:small;
    font-family: "Georgia",Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #141414;
    }

    h1 {
    }

    h2, h3, h4, h5, h6 {
    color: #276729;
    font-family:Arial, Verdana, Serif;
    }
    p
    {
    margin-bottom:0.3em;
    line-height:1.6em;
    }
    img, a img
    {
    border:#2582A4 1px solid;
    }
    img.left
    {
    margin:0 0em 0em 0;
    padding:0;
    float:left;
    }
    img.right
    {
    margin:0 0 1em 1em;
    padding:0;
    float:right;
    }
    blockquote
    {
    border-left:#b5c767 2px solid;
    margin:1em;
    padding:0 1em;
    }
    strong {
    font-weight: bold;
    color: #003385;
    }

    a {
    color: #87A019;
    text-decoration:none;
    }

    a:hover {
    text-decoration: underline;
    color: #2582A4;
    }
    .clear
    {
    clear:both;
    }
    .box {
    margin-bottom: 0;
    padding-bottom: 0;
    background: url(images/img07.gif) repeat-x left bottom;
    }

    .bottom {
    display: block;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: url(images/img08.gif) no-repeat left bottom;
    }
    .bottom span
    {
    padding-right:5px;
    color:#999;
    }
    .bottom .user
    {
    background:url(images/user.png) no-repeat left center;
    padding-left:12px;
    }
    .bottom .date
    {
    background:url(images/date.gif) no-repeat left center;
    padding-left:15px;
    }
    .bottom .comments
    {
    background:url(images/comments.gif) no-repeat left center;
    padding-left:12px;
    }
    .bottom .cat
    {
    background:url(images/star.png) no-repeat left center;
    padding-left:15px;
    }

    /* Header */

    #header {
    width: 928px;
    height: 37px;
    margin: 0 auto;
    background: #BECF74 url(images/img01.gif) repeat-x;
    border-bottom: 3px solid #FFFFFF;
    }

    /* Menu */

    #menu {
    float: left;
    width: 600px;
    height: 37px;
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    background: url(images/img02.gif) no-repeat;
    }

    #menu li {
    display: inline;
    }

    #menu a {
    display: block;
    float: left;
    height: 27px;
    padding: 10px 15px 0px 15px;
    text-transform: lowercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    }

    #menu a:hover, #menu li.current_page_item a {
    background: #A4B74C url(images/img04.gif) repeat-x;
    }

    /* Search */

    #search-form {
    float: right;
    height: 28px;
    margin: 0;
    padding: 9px 25px 0 0;
    background: url(images/img03.gif) no-repeat right top;
    }

    #s {
    width: 164px;
    padding: 2px 5px;
    background: #FFFFFF;
    border: none;
    }

    #btnSearch {
    height: 20px;
    background: #87C4DB;
    border: none;
    text-transform: lowercase;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    }
    #top
    {
    float: left;
    width: 238px;
    background: url(images/img05.gif) repeat-x;
    margin:3px 0 0 0;
    padding:0;
    }
    /* Logo */

    #logo {
    height: 150px;
    background: url(images/img06.gif) no-repeat;
    }

    #logo h1, #logo h2, #logo a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    }

    #logo h1 {
    padding-top: 1em;
    font-size: 1.8em;
    line-height:1em;
    }

    #logo h2 {
    margin-top: 5px;
    font-size: 1em;
    }

    /* Content */

    #content {
    width: 928px;
    margin: 0 auto;
    }

    #sidebar {
    float: left;
    width: 238px;
    margin:0;
    padding:0 0 20px 0;
    font-size:0.9em;
    }

    #sidebar h2
    {
    padding: 0 20px;
    font-size:1.4em;
    }
    #sidebar p
    {
    margin:0;
    padding:0 0 5px 20px;
    }
    #sidebar ul
    {
    margin:0;
    padding:0;
    list-style:none;
    }
    #sidebar ul ul {
    margin: 0;
    padding-left: 20px;
    list-style: none;
    }

    #sidebar li li {
    padding:5px 0;
    border-top: 1px solid #EFEFEF;
    }
    #sidebar li.box
    {
    margin:10px 0;
    padding:5px 0;
    }
    #main {
    float: right;
    width: 617px;
    margin:-150px 0 0 0;
    padding: 30px 40px 0 30px;
    background: url(images/img09.gif) repeat-x;
    }

    #main h2 {
    color: #05387e;
    margin-top: 0;
    font-size: 1.6em;
    }
    #main h2 a
    {
    color:#2582A4;
    text-decoration:none;
    }
    #main h2 a:hover
    {
    text-decoration:underline;
    }
    #main .box {
    margin: 0 -30px 30px -20px;
    padding: 0 30px 0 20px;
    }

    #main .bottom {
    margin: 0 0 20px -20px;
    padding: 10px 0 30px 20px;
    }
    /* Comments */
    #content .commentlist {
    margin: 0;
    padding: 0;
    list-style:none;
    }
    .commentlist li
    {
    list-style:none;
    }
    .commentlist li .cmtinfo
    {
    font-size:0.9em;
    color:#999;
    border-bottom:#eee 1px solid;
    }
    .commentlist li cite
    {
    font-style:normal;
    font-weight:bold;
    font-size:1.1em;
    }
    .commentlist li .cmtinfo em
    {
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
    }
    #content .nocomments
    {
    text-align:center;
    color:#999;
    font-size:0.9em;
    }
    input.textbox
    {
    border:#ccc 1px solid;
    background:#f9f9f9;
    font:1em Verdana, Arial, Serif;
    padding:2px;
    width:150px;
    }
    textarea{
    width: 90%;
    padding:5px;
    height: 20em;
    border: 1px solid #ccc;
    background:#f9f9f9;
    font:1em Verdana, Arial, Serif;
    }
    .textbox:focus, textarea:focus
    {
    background:#fff;
    border:#999 1px solid;
    }

    /* Footer */

    #footer {
    clear: both;
    width: 928px;
    margin: 0 auto;
    padding-top: 40px;
    background: url(images/img11.gif) repeat-x;
    }

    #footer p {
    margin: 0;
    text-align: center;
    }
    #content_start {position: absolute;left: -10000px;};
     
    Pri, Dec 20, 2009 IP
  2. weirdcreativetype

    weirdcreativetype Peon

    Messages:
    50
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Can you link to the actual website so we can see which lists you are talking about? I see three lists in that code: the sidebar, the menu and the comments list.
     
    weirdcreativetype, Dec 20, 2009 IP
  3. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That is actually my problem :)

    I am referring to lists in the content section - I see no styling referring to it yet it is spaced differently than the rest of the content in the main section.
     
    Pri, Dec 20, 2009 IP
  4. KeywordFairy

    KeywordFairy Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Did you try giving it a style and see if that works. Without looking at the code, it's hard to tell if something else could be causing that.
     
    KeywordFairy, Dec 20, 2009 IP
  5. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    No, where can I get an example of styling with regular spacing? I couldn't find any instructions online
     
    Pri, Dec 20, 2009 IP
  6. KeywordFairy

    KeywordFairy Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Try adding this to your CSS file

    .post .content ul li {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    }

    .post .content ol li {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    }

    I'm suspecting your lists have padding or margins around them. I'm not sure this will work though.

    Or try this instead:

    .post .content ul li {
    padding: auto;
    margin: auto;
    }

    .post .content ol li {
    padding: auto;
    margin: auto;
    }
     
    Last edited: Dec 20, 2009
    KeywordFairy, Dec 20, 2009 IP
  7. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Nope, nothing's changed I tried both.

    I think I should delete the part of the CSS that refers to styling lists in the content area but I can't tell what is causing it.
     
    Pri, Dec 21, 2009 IP
  8. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Anyone? Please?
     
    Pri, Dec 22, 2009 IP
  9. Wp-Mod.Com

    Wp-Mod.Com Peon

    Messages:
    381
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #9
    cannot say anything from here link us to see for visual understanding
     
    Wp-Mod.Com, Dec 22, 2009 IP
  10. techreviews2008

    techreviews2008 Peon

    Messages:
    261
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Post your website link and then only we can figure out what actually you want to change
     
    techreviews2008, Dec 22, 2009 IP
  11. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I am attaching a picture with an example of the problem: the spacing between the lines in listing is not the same -

    img710.imageshack.us/img710/1236/examplel.jpg
     
    Pri, Dec 23, 2009 IP
  12. Wp-Mod.Com

    Wp-Mod.Com Peon

    Messages:
    381
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #12
    you mean to say that there is no spacing between the list that is there and you want spacing like the other paragraphs up there
     
    Wp-Mod.Com, Dec 23, 2009 IP
  13. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    yes - exactly. Is that possible? I can't find how to do it.
     
    Pri, Dec 23, 2009 IP
  14. Wp-Mod.Com

    Wp-Mod.Com Peon

    Messages:
    381
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #14
    sorry there is nothing in your css that would help us , i have a solution but not without the website link
     
    Wp-Mod.Com, Dec 23, 2009 IP
  15. Pri

    Pri Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    I am sorry but I don't understand, why is the website link important? isn't the problem with the CSS file?
     
    Pri, Dec 24, 2009 IP
  16. Wp-Mod.Com

    Wp-Mod.Com Peon

    Messages:
    381
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #16
    sorry but the website link is important , if you dont want help then please stop posting here, pay some one and get it done
     
    Wp-Mod.Com, Dec 24, 2009 IP