Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 18, 2015 at 10:17 pm #489738
    sbisllc

    I created an advanced slider and deleted the sample sliders. My slider does not display but the sample sliders are still being displayed. How do I get rid of the sample sliders and display mine?

    How do I add my own icon to an icon box?

    August 18, 2015 at 11:17 pm #489754
    sbisllc

    One more thing. I want to replace the social media icons that come with the theme with different ones. How do I do that?

    August 18, 2015 at 11:52 pm #489763
    sbisllc

    I solved the slider issue by deleting the slider, saving and then adding it back in.
    Still need to know how to use my own icon in the icon box and how to replace the social media icons in the header with different ones.

    August 20, 2015 at 5:07 am #490529
    Rikard

    Hi,

    Please refer to this: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/

    Thanks,
    Rikard

    August 20, 2015 at 12:19 pm #490685
    sbisllc

    How do I add MY GRAPHIC to an icon box? Perhaps I’m missing something but I didn’t see that Fontello font manager allowed me to upload my own image and then add it to the theme.

    • This reply was modified 8 years, 9 months ago by sbisllc.
    August 20, 2015 at 12:34 pm #490697
    Yigit

    Hi!

    You can upload your own SVG icons on http://www.fontello.com/ and then download them and upload new font icons in Enfold theme options > Import & Export tab.
    If you would like to use image instead, 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 CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class a.iconbox_icon.heading-color {
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.your-custom-class a.iconbox_icon.heading-color:before {
    content: '';
}

    Cheers!
    Yigit

    September 9, 2015 at 10:41 pm #500751
    sbisllc

    I added my image using your code but how do I remove the default icon so only my image is displayed?

    September 11, 2015 at 5:26 am #501396
    Ismael

    Hi!

    The last code above should remove the default icon. Use this:

    .slm-add-apple-icon a.iconbox_icon.heading-color:before {
    content: '';
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.