Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 23, 2015 at 1:56 pm #507750
    wirralweb

    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

    September 23, 2015 at 1:59 pm #507756
    Yigit

    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

    September 23, 2015 at 2:03 pm #507760
    wirralweb

    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

    September 23, 2015 at 2:30 pm #507798
    Yigit

    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

    September 23, 2015 at 4:50 pm #507980
    wirralweb

    Brilliant – thanks very much that worked a treat!

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