Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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

    #1422405

    Hey 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,
    Mike

    #1422409

    Hi Mike,

    the hearts are no more visible, but the icons of the social media are not centered.

    Best regards, Sabine

    #1422435

    Hi,
    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,
    Mike

    #1422647

    Hi Mike,

    I’m sorry, but it doesn’t work …

    Best regards, Sabine

    #1422688

    Hi,
    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,
    Mike

    #1422793

    Hi 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
    Sabine

    #1422825

    Hi,
    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,
    Mike

    #1422928

    Hi 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

    #1422947

    Hi,

    Great! Glad to know that you’ve found the issue. If you have more questions, please don’t hesitate to open another thread.

    Have a nice day.

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change color and form of bullet points’ is closed to new replies.