WordPress.org

Ready to get started?Download WordPress

Forums

Possible to remove idents from lists? (6 posts)

  1. dubyadubya
    Member
    Posted 10 years ago #

    I had a little help removing the bullet points from my menu lists, however have another question. I am wondering if it is possible to get rid of the indents. I do not have a whole lot of room to play with the put my menu text in and thought (maybe foolishly) that the indent in the lists was something that could be removed.
    Without wishing to fix this at a PHP level is there anyway I can remove the indents in the CSS? I could use a graphic instead of a generic bullet to use the room but if you check out dubyadubyadubyadotcom.com you will see that I dont have much room in the design to play with. If you do happen to check out the CSS there are only LI and UL elements defined, I'll be sorting out the fonts later on - that I can do ...
    Thanks for the help, I really do appreciate it.

  2. Root
    Member
    Posted 10 years ago #

    Yes.

    list-style-type: none;

    should remove all li formatting including the indents.

  3. Anonymous
    Unregistered
    Posted 10 years ago #

    To remove the indents set the left padding and margin for the li to 0

  4. Anonymous
    Unregistered
    Posted 10 years ago #

    Aye, just figured that out. I must say that the use of lists has been a really tough thing for me to deal with. All the other elements have been really quite easy to use. I know PHP and HTML quite well and am familier with CSS basics but the lists have been a real pain.
    Thanks for your help all, I appreciate it. Fantastic community WP has here.

  5. justinbaeder
    Member
    Posted 10 years ago #

    There's actually more to it if you want it to work cross-browser:
    If the name of your links bar is "right" like it is on one of my sites:
    #right ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
    }#right ul ul {
    margin-left:0;
    list-style: none;
    padding-left: 1em;
    text-indent: -2em;
    }

    IE and Mozilla interpret padding and indents differently; this way accomodates for both.

  6. justinbaeder
    Member
    Posted 9 years ago #

    You can also try
    'margin:0;
    padding:0;
    list-style:none;
    text-indent:0;'
    Or manually remove all the list stuff.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.