Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 25, 2016 at 4:57 pm #716939
    graphicsplus

    Hi,
    I would like to use a custom .png file in an Icon Box instead of the fonttello-font. Also I would like to increase the size of the icon inside the circle. How can I achieve this?

    November 25, 2016 at 5:12 pm #716944
    Yigit

    Hi graphicsplus!

    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 edit your Iconbox element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class .iconbox_icon:before { visibility: hidden !important; }
.your-custom-class .iconbox_icon { background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }

    Cheers!
    Yigit

    November 25, 2016 at 5:34 pm #716953
    graphicsplus

    Thanks for the quick respons Yigit. Works perfectly!

    November 25, 2016 at 5:39 pm #716956
    graphicsplus

    Sorry, spoke to soon. Now the icon doesn’t change color on mouse over anymore. I’m using it as a link,

    November 25, 2016 at 7:46 pm #717026
    Basilis

    Hey!

    When you have the custom Logo, what do you want the logo to change at?
    It is an image, you can not replace the color to an image I am afraid.

    Regards,
    Basilis

    November 25, 2016 at 8:41 pm #717061
    graphicsplus

    I see. Couldn’t I refer to a different image on mouse over, or change the transparency? I would like a better indication on mouse over that the link is active.

    November 25, 2016 at 8:56 pm #717084
    Yigit

    Hi,

    Can you please post the link to your page and a screenshot showing the changes you would like to make so we can make sure that we are on the same page? :)
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    November 26, 2016 at 4:59 pm #717230
    graphicsplus

    Never mind, I’ve opted for another design solution. Thanks any way.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Custom icon in icon box’ is closed to new replies.