Need Help With List Spacing

Discussion in 'HTML & Website Design' started by gmr324, Feb 14, 2013.

  1. #1
    Hi,

    I have a MystiqueR3 theme WP site and I can't adjust the vertical spacing around my unordered list. I have tried redefining the UL item in the Mystique CSS settings with no luck. Here is the post involved: http://www.customimageads.com/

    Went into Mystique settings, CSS tab and redefined UL and OL to be this with no luck:

    ul, ol(
    list-style-type:disc;
    list-style-position:eek:utside;
    margin:20px, 0px, 20px, 20px;
    line-height:150%;
    }

    I am happy even making the vertical spacing changes inline outside of CSS

    Any advice greatly appreciated
    George
     
    gmr324, Feb 14, 2013 IP
  2. BlueRex

    BlueRex Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #2
    Hi, not sure if u did a direct copy-paste from ur css style, but i see that u r using a ( instead of a { to define ur rule, maybe thats the problem, if not maybe that ol or ul that u want to stylize are using an id or class and a rule for it, wich means u have to track them for find out where that definition happens, good luck!!
     
    BlueRex, Feb 14, 2013 IP
  3. Hefaistos

    Hefaistos Active Member

    Messages:
    194
    Likes Received:
    14
    Best Answers:
    9
    Trophy Points:
    63
    Digital Goods:
    1
    #3
    I have a problem in understanding your question. So , what do you mean by "spacing around" ?
    By spacing arround I understand top margin , bottom, left and right .
    And the desired unordered list will be that under "Guide to Getting Your Business Noticed on CraigsList" ?

    If so, give that unordered list a class in HTML (to customize only that ul and not all general unordered lists when applying css) , like <ul class="first-list"> .

    Then apply your css for that class :

    
    .first-list {
      list-style-type:disc;
      list-style-position: outside;
      margin:20px, 0px, 20px, 20px;
      line-height:150%;
    }
    
    Code (markup):
    If you only want to get some space between content and ul , increase top and bottom margins .

    
    .first-list {
      list-style-type:disc;
      list-style-position: outside;
      margin: 40px 0 40px 20px;
      line-height:150%;
    }
    
    Code (markup):
    If I missunderstood your question (thing that can be true) , please give more details about what ul and what exactly you want to accomplish.
     
    Hefaistos, Feb 14, 2013 IP
  4. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #4
    This is malformed CSS. Try to get rid of the commas first.
     
    wiicker95, Feb 14, 2013 IP
  5. gmr324

    gmr324 Active Member

    Messages:
    205
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    Thanks so much. By eliminating the commas combined with the new first-class CSS definition, that solved my problem. It was driving me crazy to have the unique definition in there not take effect.


    Yes, I should have been clearer. I wanted to have vertical spacing around the unordered list that is positioned right under the post title "Guide to Getting Your Business Noticed on CraigsList"


    Thanks for everyone's assistance!
     
    gmr324, Feb 14, 2013 IP