SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Oct 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS won't remove bullet points.

    Hi,

    I am really struggling to remove the bullet points on this website. I have tried all the obvious list-style-type: none !important but still can not find where it is coming from?!

    Any help would be very much appreciated!

    Here is the website: http://fortecmotorsports.com

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,387
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The dot is placed there via this rule:

    Code:
    .content_area ul li:before {
        content: "●";
        font-family: Arial,Helvetica,sans-serif;
        padding-right: 7px;
    }
    Just remove it if you don't want it or set it to display:none for the elements where you don't want it.

    Code:
    .content_area ul li:before {
    display:none;
    }

  3. #3
    SitePoint Member
    Join Date
    Oct 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    The dot is placed there via this rule:

    Code:
    .content_area ul li:before {
        content: "●";
        font-family: Arial,Helvetica,sans-serif;
        padding-right: 7px;
    }
    Just remove it if you don't want it or set it to display:none for the elements where you don't want it.

    Code:
    .content_area ul li:before {
    display:none;
    }
    Thank you! That worked perfectly!

  4. #4
    SitePoint Member
    Join Date
    Nov 2013
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just use "list-style" instead of "list-style-type" and use it on BOTH the ul the li elements.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,387
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by ninjadev View Post
    Just use "list-style" instead of "list-style-type" and use it on BOTH the ul the li elements.
    Thanks for commenting but I need to make a couple of corrections

    The bullet point wasn't being applied via any list-style rules but was placed using generated content via the :after pseudo class. Therefore addressing the list-style would be of no use in this specific case.

    There is no need to duplicate the rules on the ul and the li as applying it would be one or the other would be fine (depending on original specificity). The general recommended practice is to apply it the the ul or ol and the list will inherit as required.

    list-style is just shorthand and list-style-type works fine if used properly but generally list-style is indeed a preferred method as it resets the other list properties to default also.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •