-
Posts
-
Here’s the situation:
I used the layout builder to create a set of tabs, and inside each one I have a simple unordered list. Here’s the code for the list:
<h3>Heading</h3>
[av_hr class='default' height='5' shadow='no-shadow' position='center']
<ul>
<li style="list-style-type: square;">blah blah blah.
<li style="list-style-type: square;">blah blah blah.
<li style="list-style-type: square;">blah blah blah.
</ul>The bullet for the first list item floats to the right, and I can’t figure out why! Here’s a screenshot:
Any idea’s why this is happening?
Hey,
You didn’t close the li tag.
<h3>Heading</h3>
[av_hr class='default' height='5' shadow='no-shadow' position='center']
<ul>
<li style="list-style-type: square;">blah blah blah.</li>
<li style="list-style-type: square;">blah blah blah.</li>
<li style="list-style-type: square;">blah blah blah.</li>
</ul>Regards,
Ismael
No, I did. BBcode keeps stripping them for some reason. Here’s a screenshot of the actual code:
I attempted to fix the problem by inserting a list item at the top like so: <li style=”list-style-type:none”> , but the Avia layout builder strips the
and ignores it.I’ve set builder mode to debug, so I’m going to copy the code and replicate the page without using the builder to see if that fixes the problem, but I’d like to know why it’s happening in the first place.
Hello,
I can reproduce the issue on my end. Please add this on your custom.css or Quick CSS:
ul.disc, .entry-content ul {
list-style: disc inside;
}I hope it fix it.
Regards,
Ismael
- The topic ‘Weird issue with lists in tabs’ is closed to new replies.