Bulleted and numbered lists

#1 · June 25, 2019, 10:31 am

Thomas, hello!
I tried to post to the forum with lists:
https://erenbur.ru/discussion/topic/evro-rub
Lists are tightly pressed to the left. There are no points on the bulleted list. In normal articles, everything is fine. You can certainly fix this with CSS, but first decided to write to you, maybe this error appears for many site owners and better fix it in the forum plugin.

#2 · June 25, 2019, 10:36 am

Hello @erenbur

This issue is not caused by the forum-plugin. Firstly you have created an ordered-list (numbered list) instead. The left-alignment is caused by some other css-rules – maybe caused by your theme or another extension, see the picture below.

You can try to add the following css to fix this:

#af-wrapper ol, #af-wrapper ul, #af-wrapper li {
    padding-left: 20px !important;
}

Uploaded files:

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#3 · June 25, 2019, 11:28 am

No, this code does not work correctly. The letters move away, and the numbers themselves remain in place. Thomas, I will correct it myself, do not bother yourself, the problem is not great. Just wanted to draw your attention.

#4 · June 25, 2019, 11:40 am

Hello again @erenbur

Maybe I asked it before, but can you tell me the name of the theme which you are using? I want to check it again for compatibility-issues.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#5 · June 25, 2019, 12:25 pm

It is a premium theme of Color Mag Pro

https://themegrill.com/themes/colormag/

#6 · June 25, 2019, 2:17 pm

Mh, it looks fine for me. Maybe another plugin is causing it, not sure. Have you cleared your cache after applying the css I gave you above?

Uploaded files:

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#7 · June 26, 2019, 7:28 pm

Cache cleared – does not help. Later I will choose the time, deal with this problem. I will write where the conflict was.

Asgaros has reacted to this post.

#8 · July 20, 2019, 6:15 pm

Thomas, hello!
Finally decided the problem. CSS styles themes clashed. Solved the problem with this code:

div.post-wrapper div.post-message ol li {
margin-left: 40px !important;
margin-bottom: 15px;}

div.post-wrapper div.post-message ul li {
list-style-type: disc;
margin-left: 25px !important;}

Asgaros has reacted to this post.

#9 · July 23, 2019, 4:19 pm

Thomas, after this code there was a small problem, it also exists on your forum (in the message above). At the loaded picture on the left point. I tried to remove it through “display: none”, but if I remove it, then the points in the bulleted list disappear. And I can not write the code, which specifically at the picture removes the point. It is necessary in the next update of the plugin, it is desirable to adjust the CSS so that the point disappears.

#10 · July 23, 2019, 7:32 pm

Hello @erenbur

I will adjust the code so that you can directly select the list-element by using the .uploaded-file selector.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!