Adding bullets back in Pricing Items

bonadies · November 2014

I'm trying to add bullets back into lists within the Pricing Items box and I can't seem to find what CSS is needed to change it.

I've tried:

.pricing-box .plan-inside ul li{
list-style-type: circle;
}

But it does not work. I can't seem to find it anywhere in Inspect Element...

Page here

Albert · November 2014

Hi,

did you used ul, li properly in the code? Please send us url to page where you did it and we`ll see why it does not work.

bonadies · November 2014

http://library.dotedu.net/?page_id=11

Second box in the last row.

Albert · November 2014

Ok we see what happen. Please use below custom css and all should be fine:

.pricing-box ul{ margin: 0 0 15px 30px; font-size: 15px; line-height: 21px; }
.pricing-box ul li { list-style: disc outside;}
.pricing-box ul li { margin-bottom: 10px; }
.pricing-box ul li ul { margin-top: 10px; margin-bottom: 0; }

bonadies · November 2014

That didn't work, but this line did:

.pricing-box .plan-inside ul li {

display: list-item;

}

However the bullets are not "hanging", they are flush left. How can I make them hang?

Albert · November 2014

The css we gave above has been tested on our side and works fine so we have no idea what exactly you did that it does not work for you. However as we see now, all is fine. We don't see anything wrong at all.

Adding bullets back in Pricing Items

Comments