This topic has 3 voices, contains 7 replies, and was last updated by  TB Support 2946 days ago.

List item not showing with bullet mark

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › List item not showing with bullet mark

This topic has been marked as resolved.

Please see the following page in Pavilion theme:

There are items marked as list items in the HTML:

<p>Wireless WAN connectivity options:</p>
<ul>
<li>2G (GPRS)&nbsp;<br></li>
<li>3G (HSPA+/ eV-DO)&nbsp;<br></li>
<li>4G / LTE</li>
</ul>

But it doesn’t show as list item with bullet in final view.
 yantrr
March 26, 2016 at 3:38 pm #45835
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
March 28, 2016 at 4:50 pm #45871

Yes, this has put the “>” bullet. But my question still stands – why wasn’t original HTML bullet style not reproduced faithfully in this page?

-Ash
 yantrr
March 28, 2016 at 7:12 pm #45882

Hi Ash,

Since we use the UL tag for different website elements, we’ve decided to remove the default bullets globally.

There are places however, where default styling is kept. These places are wrapped with a container that has the tb_text_wrap class:

<div class="tb_text_wrap">

SOME TEXT

</div>

Generally, we’ve wrapped all the text of information pages, product description and Page Builder text blocks. In the case of category description this class was not put, which is a bug. We will fix it with the next update.

The other way to style an unordered list is to use the class we gave you in our previous post.

BR,
ThemeBurn team
 TB Support
March 30, 2016 at 12:56 pm #45987

Ok, thanks.

I will use the list class for Category pages for now.

-Ash
 yantrr
March 31, 2016 at 3:44 pm #46045

It turns out that this is only providing formatting for 1st indent. If It have list within list, it doesn’t work as what is normally indented list loses is indent.

Is there a second indent class? Or do I use style explicitly?

It will be good if you can publish typography page with all useful styles/classes.

-Ash
 yantrr
April 1, 2016 at 2:42 am #46059

The default pavilion does not indent the bulleted content.
What i did was add the below to the CUSTOM STYLE

ul li {
/*
* We want the bullets outside of the list,
* so the text is aligned. Now the actual bullet
* is outside of the list’s container
*/
list-style-position: outside;

/*
* Because the bullet is outside of the list’s
* container, indent the list entirely
*/
margin-left: 1em;
}

It worked for me didn’t seem to break anything else either…

A TB solution would be even better.
 looserfoot
April 1, 2016 at 4:05 pm #46063

@Ash

For the moment you should use the tb_list_1 for each unordered list you want to have bullets. We will provide a proper fix with the next update.

BR,
ThemeBurn team
 TB Support
April 5, 2016 at 6:02 pm #46183
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.