How to add your own icons?

Home › Forums › Jevelin Theme › How to add your own icons?

Home › Forums › Jevelin Theme › How to add your own icons?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    NOT RESOLVED Posts

  • Niloka
    Participant

    Ad the title said .. I would very much like to add my own icon to the theme – is that possible?

    Shufflehound Support
    Moderator

    Hi Niloka,

     

    I hope you are well today and thank you for your question.

     

    Sure we can help you to add your own icons but could you please tell me which icons you want to add and where you want to add it so that i can help you to achieve it?

     

    Best regards,
    Shufflehound team

    Niloka
    Participant

    Hey ST

     

    I have my own in both png, svg, jpg file formats.. and really want to add them in a icon box in the corporate theme. – can i upload it anywhere? 🙂

    Shufflehound Support
    Moderator

    No you can’t add them in a icon box as the icons in the icon box are fonts and not images.

     

    We can just overwrite and change few of these font icons with your image icons by developing custom CSS code.

    Niloka
    Participant

    Ah, can i do that by myself?

    Shufflehound Support
    Moderator

    Yes you can if you have CSS knowledge but if not then just share me the page URL from your site where the icon boxes are displaying and share the image icon URLs so that i can develop and provide you the required CSS code.

    SACRED2017
    Participant

    Hi guys,

     

    I would also like to add an icon to my theme http://sacredpod.com/wp-content/uploads/2017/01/porsche-graphic-icon-e1485190919323.png

     

    Thanks

    Shufflehound Support
    Moderator

    @SACRED2017 Just use headphone icon and replace it with your shared car image by adding the following CSS code in the Custom CSS code option of your theme on the below path.

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    i.sh-iconbox-hover.ti-headphone {
    font-size: 0;
    background: url("http://sacredpod.com/wp-content/uploads/2017/01/porsche-graphic-icon-e1485190919323.png") no-repeat center;
    display: table;
    height: 80px;
    width: 130px;
}

    SACRED2017
    Participant

    Thanks, it almost works, the new icon is visible but it’s behind the the old headphones icon, can you fix that please?

     

    SACRED2017
    Participant

    see http://sacredpod.com for the problem, thanks!

    Shufflehound Support
    Moderator

    @sacred2017 I don’t see any problem on your shared site as shown in the attached screenshot.

     

    Please advise.

    Attachments:
    You must be logged in to view attached files.

    SACRED2017
    Participant

    Hi, yes, sorry, I actually took it down in the meantime, the headphones image was still visible 0n top of the car icon

    Shufflehound Support
    Moderator

    It is working fine on my test site so you need to reproduce the issue on your site so that i can troubleshoot it.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)