Unordered (Bullet) List Not Displaying

TyndaleFRC

Hello,

Unordered List (Bullets) will not display on front end published pages.

Bullets show on backend visual editor and HTML is correct. 

Any idea on how to resolve this? Thanks! 

TyndaleFRC

I seem to have found a solution via documentation. It seems i need to have "class=" for UL to work properly. Are there other options besides "check", "star", and "idea"? I just need a normal bullet list. 

<ul class="list_check">
<li>List item 1</li>
<li>List item 2</li>
</ul>

Bryan

If you want a normal list you do not add a class.

Look at this link

http://themes.muffingroup.com/be/theme/shortcodes/typography/#lists

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TyndaleFRC

The issue is that without a class, the bulleted list does not work.

Code I copied from the typography page (without class)

https://ibb.co/jaaZFa

How it displays on my site

https://ibb.co/cemVov

Im only having this issue on Woocommerce pages. 

Bryan

Do this :

<ul style="list-style: rounded;">

  <li>item</li>

  <li>item</li>

</ul>

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TyndaleFRC

Did not work

TyndaleFRC

This is how it displays in the WP visual editor

https://ibb.co/hu1AMF

This is how it displays on the live/published page itself.

https://ibb.co/jZWo8v

TyndaleFRC

Also, I deactivated all plugins just to make sure it wasnt a plugin interfering. Still didnt work. 

Bryan

Maker a normal list and send me a link to that page. I will check it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TyndaleFRC

Unfortunately our build site is only available on our company's network. 

I created a normal list.

Code

<ul>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

  <li>Item 4</li>

</ul>

WP Visual Editor View

https://ibb.co/ciio8v

Frontend/Published View

https://ibb.co/mxVqMF

Please let me know if there is any other code snippets I can send to help. 

Bryan

Please let us know when your site would be online or please send us private message with login details so we can check this because without seeing the code, we don't know what might be wrong. Above code, is not wrong for sure and that's why it is so weird for us.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TyndaleFRC

Our new site isnt set to launch for another 2 months. Unfortunately I am not able to provide outside organizations access to our backend (trust me I wish I could lol). In the meantime I will see if I can find a work around. I will keep you posted.  

TyndaleFRC

Hello Muffin Support,

Our production site is up if you could please take a look at why the bulleted lists aren't working. 

http://dev.tyndaleusa.com/flame-resistant-clothing/fr-shirts/

Bryan

Please add this custom css

.my-custom-ul {
	list-style-type:disc !important;
	padding-left:15px !important;
}

Now to target the specific lists you will have to add the class to the

Like this <ul class="my-custom-ul">

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TyndaleFRC

Thank you! This worked!