Tagged: bullet points, Color, form
-
AuthorPosts
-
October 13, 2023 at 1:05 pm #1422391
Hi,
I have another question.
I have inserted the following code to change the shape and color of the bullet-points. However, a heart in the specified color appears in the social media icons in the footer and the icons move.
ul.disc, .entry-content-wrapper ul {
list-style: none !important;
margin-left: 0;
padding-left: 0;
}.entry-content-wrapper ul li {
text-indent: -1em;
}.entry-content-wrapper ul li:before {
content: “♥”;
padding-right: 5px;
color: #f39681 !important;
}What else do I need to change?
Thank you and best regards, Sabine
PS. It’s the text under: Kursthemen, die dich unterstützen, dein höchstes Potenzial zu erreichen
What else do I need to change?
Thank you and best regards
October 13, 2023 at 2:20 pm #1422405Hey Sabine,
Thank you for the link to your site, as I understand the only issue is that your hearts are also showing in the footer for the social icons.
To fix this please change your css:.entry-content-wrapper ul li:before { content: “♥”; padding-right: 5px; color: #f39681 !important; }
to this:
.entry-content-wrapper ul:not(.av-share-box-list) li:before { content: "♥"; padding-right: 5px; color: #f39681 !important; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeOctober 13, 2023 at 2:52 pm #1422409Hi Mike,
the hearts are no more visible, but the icons of the social media are not centered.
Best regards, Sabine
October 13, 2023 at 7:38 pm #1422435Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .entry-content-wrapper ul.av-share-box-list li { text-indent: 0; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeOctober 16, 2023 at 12:52 pm #1422647Hi Mike,
I’m sorry, but it doesn’t work …
Best regards, Sabine
October 16, 2023 at 6:42 pm #1422688Hi,
Odd, it seems to work when I test, try adding it to WordPress ▸ Customize ▸ Additional CSS and then clear your browser cache and any cache plugin, and check.
Please note that testing with Safari it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Otherwise please include an admin login in the Private Content area so we can check.Best regards,
MikeOctober 17, 2023 at 1:12 pm #1422793Hi Mike
I don’t know what’s going on in the atmosphere right now, but it’s more than weird. I have done everything you suggested. Nothing happened. Then I entered the same code for the second time under the first, then it worked. Then, when I deleted it again, the icons were in the wrong place again. Oh Lord, really unusual things are happening these days. I’ll leave the code in twice now, unless you have an explanation … I have the browser Firefox.
Many thanks and best regards
SabineOctober 17, 2023 at 6:20 pm #1422825Hi,
It sounds like you have an un-closed bracket in your css, so some other css error, try checking you css in a CSS Validator, this could help you find and fix the error.
Otherwise, include an admin login in the Private Content area so we can check.Best regards,
MikeOctober 18, 2023 at 5:17 pm #1422928Hi Mike,
it wasn’t an un-closed bracket but a ” ‘ ” after a bracket …. oh Lord, such minimal things can lead to such great mistakes.
Thank you, all works now and you can close this topic.
Best regards, Sabine
October 19, 2023 at 3:35 am #1422947 -
AuthorPosts
- The topic ‘Change color and form of bullet points’ is closed to new replies.