Padding after, and change the colour of, the number in a numbered / ordered list

eleanor
251 Posts
eleanor posted this 05 May 2016

Hi, sorry for this one!

How do I add padding after the number in a numbered list and...
Is it possible to change the colour of the number?

thank you

Hi, sorry for this one! How do I add padding after the number in a numbered list and... Is it possible to change the colour of the number? thank you
Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
greg41
40 Posts
greg41 posted this 05 May 2016

Hello,

Have you tried using li tag styling?

<style></style> li span { position: relative; left: -10px; }

Hello, Have you tried using li tag styling? &lt;style&gt;&lt;/style&gt; li span { position: relative; left: -10px; }
Support Team
Support Team posted this 06 May 2016

Hi,

To change the offset, use the Ordered List >> More options >> Text >> First line indent.
The color of the number can be changed only along with the color of the text of the list item.

Sincerely,
Hella

Hi, To change the offset, use the Ordered List >> More options >> Text >> First line indent. The color of the number can be changed only along with the color of the text of the list item. Sincerely, Hella
eleanor
251 Posts
eleanor posted this 06 May 2016

Hiya

I've tried the settings you suggest. They show up as changes in the template but don't seem to transfer to the live site. I've tried a different browser in case it was a cache issue. Any ideas? Thank you
My live (test) site is gutter.ywdw.co.uk
Thank you

ol-template-1.JPG

ol-template-2.JPG
ol-live-site.JPG

Hiya I've tried the settings you suggest. They show up as changes in the template but don't seem to transfer to the live site. I've tried a different browser in case it was a cache issue. Any ideas? Thank you My live (test) site is gutter.ywdw.co.uk Thank you !ol-template-1.JPG! !ol-template-2.JPG!!ol-live-site.JPG!
Support Team
Support Team posted this 06 May 2016

Hi,

Please add the class="bd-orderedlist" within the <ol> tag. The styles should be applied.

Sincerely,
Hella

Hi, Please add the `class="bd-orderedlist"` within the `<ol>` tag. The styles should be applied. Sincerely, Hella
eleanor
251 Posts
eleanor posted this 06 May 2016

Yeah!

Can I then get the automatic line break to line up with the first line of text again?

ol-text-line-up.JPG

Thank you

Yeah! Can I then get the automatic line break to line up with the first line of text again? !ol-text-line-up.JPG! Thank you
Support Team
Support Team posted this 10 May 2016

Hi,

This article will be helpful:
http://answers.themler.com/articles/21538/bullet-list-layout

Sincerely,
Hella

Hi, This article will be helpful: http://answers.themler.com/articles/21538/bullet-list-layout Sincerely, Hella
eleanor
251 Posts
eleanor posted this 10 May 2016

Thank you, this works beautifully on the bullet list but not on the ordered numbered list.

ol-first-line-indent.JPG

Any ideas? Thank you.

Thank you, this works beautifully on the bullet list but not on the ordered numbered list. !ol-first-line-indent.JPG! Any ideas? Thank you.
Support Team
Support Team posted this 11 May 2016

Hi,

Maybe you could attach your modified template so we could investigate the settings.

Sincerely,
Hella

Hi, Maybe you could attach your modified template so we could investigate the settings. Sincerely, Hella
You must log in or register to leave comments