Issue with Bullets

  • dcotton29

    (@dcotton29)


    9 years, 7 months ago

    Hi All,
    This seems to be an issue that a few people have had. I’ve tried some of the suggestions I’ve been able to find on this forum and nothing has seemed to work.

    I was editing a bulleted list of links on my website (http://ourheights.org/mainstreetbiz/ under “Meeting Minutes”) in the WP editor. They are visible in the visual editor, however, when I published the page and viewed it in my browser, the bullets were no longer visible.

    I searched through my style.css file and switched a few ul tags from ‘none’ to ‘disc’ with no luck.

    The weird thing is, bullets are still working on other pages such as this one: http://ourheights.org/about/#minutes

    Any ideas on what might be causing this? Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • HudsonValleyWebDesign

    (@jaycbrf)

    9 years, 7 months ago

    The CSS is causing this. It is the ONLY thing that can “style” elements on your page.

    Your css is declaring this twice :

    .entry-content ul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    }
    .entry-content ul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    }

    ThemeSumo

    (@themesumo)

    9 years, 7 months ago

    You have this code:

    .entry-content ul {
    list-style-type: none !important;
}

    This is forcing your lists, within your post content, to never display a bullet because of the !important declaration, this code is being added inline and I can’t seem to override it, you can try adding this to your Child Theme style.css file, or using a Custom CSS plugin.

    .entry-content ul {
    list-style-type: disc !important;
}

    Let me know how you get on.

    Thread Starter dcotton29

    (@dcotton29)

    9 years, 7 months ago

    Thanks for your quick responses! I tried adding that code to the child theme style.css with no luck.

    I have no idea where it’s pulling in that code from, as I can’t find it anywhere in the parent or child style.css files.

    It seems only certain pages are affected, which is really weird. I added a bulleted list of text successfully on the about page, but a lot of the project pages are having the same issue.

    I will look into using a Custom CSS plugin,

    ThemeSumo

    (@themesumo)

    9 years, 7 months ago

    It’s being added inline, within the code itself (I can’t seem to locate it), it’s not coming from a stylesheet and because it’s using !important makes it difficult to override.

    HudsonValleyWebDesign

    (@jaycbrf)

    9 years, 7 months ago

    It looks to coming in from BX slider:

    /*//////////////////////slider thunbnail styles start///////////////////////////*/

    .bx-wrapper .bx-controls-direction a.disabled {
    display: ;
    }
    .bx-viewport {
    height: 100px !important;
    -webkit-transform: translatez(0);
    }
    .entry-content a{
    border-bottom: none !important;
    }
    .entry-content li{
    margin:0px !important;
    padding: 0px !important;
    }
    .entry-content ul{
    list-style-type:none !important;
    margin: 0px !important;
    padding: 0px !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Issue with Bullets’ is closed to new replies.

Tags