Docs

[Lisa]

We are finished.
I activated the code again.

[Lisa]

It also appears in the tabs navigation. See screenshot…

[Joao]

Hi There

You would mind pointing the exactly location of the issue?

I checked your page but i could not find it.

Thanks

Joao

[Lisa]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. Let me explain a bit about this issue. The ul/li is used in several areas in several ways, not necessarily as list item rather carousel item, menu items etc. So it’s not really a good idea to force the usual behavior to change the bullet type and replace the styling throughout the site.

Instead of fixing this now throughout the site (and we won’t know entirely where it’s causing issue), I would suggest you to change the bullet style where you need.

To do this, update your first suggested code block to following :

ul.new-list-type {
    margin-left:0;
}

ul.new-list-type  li {
   list-style-type:none;
   list-style-position: outside;   
}

ul.new-list-type  li:before {
   content:"\f105";
   font-family:"FontAwesome";
   padding-right:10px;
}

Now use the class new-list-type for the ul (using Class field for Cornerstone or in HTML if you are using default editor) where you want to replace the default list styling from bullet. I think it would be the most feasible solution if you spent a few minutes to understand this and apply.

Hope this makes sense.

[Lisa]

Hi,

Sorry for the late response.

Yes, I think that is the best solution.

Thanks for your outstanding support again 🙂

[Lely]

You’re welcome Lisa!

Cheers!

[Lisa]

Hi there,

How can I have the text in the second line of the list-item to be aligned to the first line? Now it is aligned to the symbol. I attached a screen how it is now.

Best!

[Lely]

Hello Lisa,

If you want to apply it on the same LIST type, please update above CSS to this:

ul.new-list-type {
    margin-left:0;
}
ul.new-list-type  li {
    list-style-type:none;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

ul.new-list-type  li:before {
   content:"\f105";
   font-family:"FontAwesome";
   padding-right:10px;
}

Hope this helps.

[Author]

Posts