My theme doesn’t like bullets in product descriptions

Hi Kaleelledge,

I had a look at the source code for your product page and it looks like that’s happening because the gridster extension that is used for the custom product page uses list elements with custom styling to generate all its content and that this is conflicting with the CSS of your theme. It might actually take quite a bit of digging and CSS modifications to get it corrected. With that in mind, could you please specify the browser that you are using? Also, can you send us a snapshot of the product page with the bullets?

Thanks for the response. I’m using Chrome for mac: Version 63.0.3239.132

Below is a screenshot of the product page. The bullets are bound to the grey box.

https://charterselpa.org/wp-content/uploads/2018/02/Screen-Shot-2018-02-06-at-5.07.51-PM.png

Just realized that you may have wanted this instead. https://charterselpa.org/wp-content/uploads/2018/02/Screen-Shot-2018-02-06-at-5.10.37-PM.png

Hi kaleelledge,

Could you try adding the CSS below to the “Custom CSS” section of the Edit Catalogue page (and let us know if that makes any difference):

li.prod-page-div.prod-page-front-end.prod-page-description-div.gs-w.ready ul {
    width: 100%!important;
    position: relative!important;
    list-style: disc!important;
    margin: 0 0 0 20px;}

li.prod-page-div.prod-page-front-end.prod-page-description-div.gs-w.ready li {
    list-style: disc!important;
    position: inherit!important;
    background: none;}

Merci, Etoile! This fixed my bullets!