Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #507750

    Hi,

    I would like to add a small image as custom separator instead of an icon. How would I do that?
    For example – instead of having a small star icon, having a small custom image.

    Thanks

    #507756

    Hi wirralweb!

    Please 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 element a custom class and then post the link to your page and point out your element.

    Regards,
    Yigit

    #507760

    Hi Yigit,
    I have that turned on – you can see the custom separator at the bottom of this page – I wish to replace the star icon – with a small bird emblem image that I will create.
    http://imaginewebdevelopmentspace.co.uk/anthony-somers-counselling-page/

    Thanks

    #507798

    Hey!

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

    span.av-seperator-icon {
        background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important;
        background-size: contain;
        background-repeat: no-repeat;
    }
    span.av-seperator-icon:before {
        color: transparent;
    }

    and change image link

    Best regards,
    Yigit

    #507980

    Brilliant – thanks very much that worked a treat!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom Separator image instead of icon’ is closed to new replies.