Hey there Tomasz,
How are you doing today?
This is related to the theme CSS which is the reason you don’t have it when you switch the theme. Vertical position of the bullet is set to 51% which is why this is happening if you have two rows the bullet is being displayed in the middle.
You should be able to change that with some custom CSS. Please try adding the following code to Appearance -> Mantra Settings -> Miscellaneous Settings -> Custom CSS:
.entry-content ul>li {
background: url(images/bullet.png) left 6px no-repeat;
}
This should place the bullets on the same spot regardless of rows. If the code doesn’t work can you please keep it added and let me know so I can take a look 🙂
Best regards,
Bojan
I have the same issue & have just added the code above. The ‘dots’ have now vanished all together.
Reducing the code to this (below) has no obvious effect at all.
.entry-content ul>li {
left 6px no-repeat;
}
So I’m guessing that the key to resolving this is in this part;
background: url(images/bullet.png)
Any thoughts?
Me too. Bullets were centered with any ordered list that is “paragraph” length. The CSS above annihilates them completely. So… since I was using a Child Theme, I figured I’d add the entire URL/Directory to the bullet.png. Worked perfectly!
here’s what I did. NOTE: the bold is stuff you’ll need to change to your own info.
.entry-content ul>li {
background: url(http://www.YourWebsitesDomainName.com/TheWordpressInstallFoldersNameHere/wp-content/themes/mantra/images/bullet.png)
}
Hope that makes sense.
