Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 12, 2015 at 2:31 pm #378247
    FuscAzul

    Hello, im using this theme with some text blocks using “Bullet Points” but its a standard black circle, i need to change it to a .PNG image to customize my website, how can i do it? I’ve found some people asking the same question on this support page, but the answer was private, thats why im opening this topic.

    Thanks.

    January 13, 2015 at 4:09 pm #378863
    Yigit

    Hi FuscAzul!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_textblock li:before {
content: url(https://cdn0.iconfinder.com/data/icons/gloss-basic-icons-by-momentum/16/bullet-red.png);
}
.avia_textblock ul {
list-style: none;
}

    If you would like to apply changes on certain elements, please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then give your text block element a custom CSS class and use the code as following 

    .avia_textblock.your-custom-class li:before {
content: url(https://cdn0.iconfinder.com/data/icons/gloss-basic-icons-by-momentum/16/bullet-red.png);
}
.avia_textblock.your-custom-class ul {
list-style: none;
}

    Best regards,
    Yigit

    October 8, 2015 at 5:47 pm #516021
    CelebrationEvents

    I have used this for my website. It works fine, but bullitpoints are not alligned wit the the text anymore, the moved to the right.

    Is there a way of fixing this?

    See http://www.celebrationevents.nl/dj-huren/bruiloft-dj/

    October 9, 2015 at 8:58 am #516233
    Rikard

    Hi @CelebrationEvents,

    I got a 403 error when visiting your link, could you check please?

    Best regards,
    Rikard

    October 10, 2015 at 11:18 am #516759
    CelebrationEvents

    Hello Rikard,

    Please check http://www.dj-bruiloft.nl,

    i did the same there, I hope you can fix the alignmnet

    October 12, 2015 at 9:10 am #517190
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .entry-content-wrapper li {
    margin-left: 0em !important;
}

    Best regards,
    Rikard

    October 12, 2015 at 1:36 pm #517320
    CelebrationEvents

    GREAT!!

    Thanxs again for the support.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change the standard Bullet Points to a custom .PNG image?’ is closed to new replies.