Bullet Point Indents To Big

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Is there a method to display bullet points without or with less of an indent, I am trying to reduce the width of the boxes on this page http://www.leathersolutions.org/ and can do so by losing some of the left hand margin in the top box. I have looked around and think you can add some code to either the ul tag or the li tag but I'm not sure what, any help would be appreciated.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Solved, here is the code if anyone else would like to use it

<!--
<ul style="margin-left:20px; padding-left:0px; list-style-type:square;">
-->

Just alter the px and style to what ever you want.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi David,

It appears it has broken the little content module!

You need to change the following code of it:

<!---

<div style="border: 1px solid rgb(191, 191, 191); width: 202px; border-radius: 0px 0px 10px 10px; text-align: left;"><ul style="margin-left:20px; padding-left:0px; list-style-type:square;"><li><font size="2"><span style="font-family: Verdana;">Leather Cleaning</span></font></li><li><span style="font-family: Verdana;">Colour Restoration
</span></li><li><font size="2"><span style="font-family: Verdana;"> Suede Cleaning</span></font></li><li><font size="2"><span style="font-family: Verdana;">Car Leather Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Leather Protection Applied</span></font></li><li><font size="2"><span style="font-family: Verdana;">Aniline Leather Dying
</span></font></li><li><font size="2"><span style="font-family: Verdana;"> Animal Damage Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Cigarette Burn Repaired
</span></font></li><li><font size="2"><span style="font-family: Verdana;"> Nail Varnish Removal</span></font></li><li><font size="2"><span style="font-family: Verdana;">Nubuck Cleaning
</span></font></li><li><font size="2"><span style="font-family: Verdana;"> Cuts & Tears Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Leather Care Kits</span></font></li><li><font size="2"><span style="font-family: Verdana;">Grease Mark Removal</span></font></li><li><font size="2"><span style="font-family: Verdana;">Cracked Leather Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Ink Removal</span></font></li><li><font size="2"><span style="font-family: Verdana;">Commercial Contracts</span></font></li></ul></div>

--->

Change it to... (Without the <!--- and --->)

<!---

<div style="border: 1px solid rgb(191, 191, 191); width: 222px; border-radius: 0px 0px 10px 10px; text-align: left;"><ul style="margin-left:20px; padding-left:0px; list-style-type:square;"><li><font size="2"><span style="font-family: Verdana;">Leather Cleaning</span></font></li><li><span style="font-family: Verdana;">Colour Restoration
</span></li><li><font size="2"><span style="font-family: Verdana;"> Suede Cleaning</span></font></li><li><font size="2"><span style="font-family: Verdana;">Car Leather Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Leather Protection Applied</span></font></li><li><font size="2"><span style="font-family: Verdana;">Aniline Leather Dying
</span></font></li><li><font size="2"><span style="font-family: Verdana;"> Animal Damage Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Cigarette Burn Repaired
</span></font></li><li><font size="2"><span style="font-family: Verdana;"> Nail Varnish Removal</span></font></li><li><font size="2"><span style="font-family: Verdana;">Nubuck Cleaning
</span></font></li><li><font size="2"><span style="font-family: Verdana;"> Cuts & Tears Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Leather Care Kits</span></font></li><li><font size="2"><span style="font-family: Verdana;">Grease Mark Removal</span></font></li><li><font size="2"><span style="font-family: Verdana;">Cracked Leather Repaired</span></font></li><li><font size="2"><span style="font-family: Verdana;">Ink Removal</span></font></li><li><font size="2"><span style="font-family: Verdana;">Commercial Contracts</span></font></li></ul></div>

--->

I changed the width value and it works perfectly.

Hope this helps,

Andi
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Andi
202px is the new width, I tried the code on the top box to test it, I've now applied it to all the boxes but its taking forever to publish live which is why it looks a bit odd at the moment
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi David,
It appears you and Andi have sorted this out. Please let us know if you need further assistance.