Editing CSS

Public Ticket #1921

Conversation thread

PenciDesign replied

8 years ago

Staff Reply

Hi,

You said with me:

"Although still struggling to get <li> items to be centred along with the bullet points"

And now, the ul li is centered along with the bullet points. So, is now you want to remove the bullet points?

If so, please change the codes I sent you to this code:

\
.post-entry ul{ list-style: square; }\
.post-entry ul li{ list-style-type: inherit; }

And change the code inline ul from:

\
style="text-align: center; list-style-type: none;"

to:

\
style="text-align: center; list-style: none;"

Best Regards,

PenciDesign

PenciDesign replied

8 years ago

Staff Reply

Hi,

Seem you did it wrong.

I said with you add the codes I sent to Customize > Custom CSS:

\
.post-entry ul{ padding-left: 35px; }\
.post-entry ul li{ list-style-type: none; }\
.post-entry ul li:before { width: 5px; height: 5px; content: ''; display: inline-block; background-color: #313131; margin-right: 10px; vertical-align: middle; margin-top: -3px; }

And add more this code:

\
style="text-align: center;"\

Like on this image for the ul li you want to make center.

It's 2 steps.

Best Regards,

PenciDesign

PenciDesign replied

8 years ago

Staff Reply

Hi,

If I make it center, it will center for all your ul li.

If you want to make it center for special ul li, you need to make it center for that special ul li.

And to center special ul li, you need to click to Text tab on your wysing editor, and add more this code:

\
style="text-align: center;"

Like on this image

Best Regards,

PenciDesign

PenciDesign replied

8 years ago

Staff Reply

Hi,

It's list style from HTML itself and there is no way to center it with the text.

But, you can try do that in another way, please add more this code to Customize > Custom CSS to do that:

\
.post-entry ul{ padding-left: 35px; }\
.post-entry ul li{ list-style-type: none; }\
.post-entry ul li:before { width: 5px; height: 5px; content: ''; display: inline-block; background-color: #313131; margin-right: 10px; vertical-align: middle; margin-top: -3px; }\

Best Regards,

PenciDesign

Want to join this conversation or access attachments? Sign in first.