Docs

[lukasjan]

Hello,

How do I make feature list numbering in this page (http://www.mhealth.lt/portfolio-item/konsultacija-belaidziu-echoskopu/ password:health123) go from 1 to 5 in different rows?

Thanks in advance,

Lukas

[Nabeel A]

Hi there,

Thanks for writing in! It looks like you’re using different Feature list element for each item. If you use single Feature list element for all items, numbers will be displayed from 1 to 5 (see attached)

Cheers!

[lukasjan]

Hello,

Thanks. I do know, that it goes from 1-5 in a single row in one feature list, but as you can see in my page I have feature boxes in separate rows and they all display 1(number).

I am adding an attachment so you know what I am talking about in the attachment is how I want feature boxes in seperate rows to display numbers.

Thanks!

[Christopher]

Hi there,

Please add a unique custom class to each feature list element, e.g my-class-1, then we’ll help you to change the number with CSS.

Thanks.

[lukasjan]

Hi,

Ok, I’ve done that, I set class to my-class-1 to each feature element.

[Nabeel A]

Hi again,

Please give unique classes to each feature element, for instance my-class-1 to first feature element, my-class-2 to second and so on, so we can suggest you the code accordingly.

Thanks!

[lukasjan]

Hi,

So sorry, I am new to all this page building. Ok, now I did set classes from my-class-1 …. to my-class-5 to all feature elements.

Hope this works!

[Nabeel A]

Hi again,

Thank you for updating the thread! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.my-class-1 i.number.w-h.circle:before {
    content: "1" !important;
}
.my-class-2 i.number.w-h.circle:before {
    content: "2" !important;
}
.my-class-3 i.number.w-h.circle:before {
    content: "3" !important;
}
.my-class-4 i.number.w-h.circle:before {
    content: "4" !important;
}
.my-class-5 i.number.w-h.circle:before {
    content: "5" !important;
}

Let us know how this goes!

[lukasjan]

Thanks! Works like magic. Appreciate your support!

Lukas

[Thai]

If you need anything else please let us know.

[Author]

Posts