Home Forums Themes Support Shang Haru icons in Custom Headings: how can I change them with custom ones?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #4762
    scevra
    Supported

    Hello,
    I would like to replace haru icons in the Custom Headings with icons of my own.
    How can I do that? (I attach a screenshot to better understand).

    I was looking for haru set of icons in the image library to replace them But I cannot find them.

    Thank you.

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

    Hi,
    You can go to Appearance -> Customize -> Additional CSS and add the code below:
    We’ll use example with heading style 8. You can do similar with other heading:
    https://prnt.sc/r4w5m3

    Step 1: You need an SVG image and upload to some where
    Step 2: Change CSS code

    .vc_custom_heading.heading_style_8:before {
        width: 49px; // Change to your image width
        height: 25px; // Change to your image height
        -webkit-mask-image: url(../shang/assets/images/img-scissor.svg); // Change to your image URL
        mask-image: url(../shang/assets/images/img-scissor.svg); // Change to your image URL
    }

    Hope this help!

    *****
    Regards,
    HaruTheme

    #4786
    scevra
    Supported

    Hi, instead of adding CSS code, I went in the images folder inside assets folder and I replaced the images with my own, without changing the name. It should show my image now, but it keeps showing the old ones, even if I delete them and not replace them with anything!

    Is it possible there are other icon images in another folder ?

    #4787
    scevra
    Supported

    I also tried with your suggested method, I upload a .svg image of my own and I copied the CSS. The image is not showing, neither mine or the theme one.

    I am uploading to this path: wp-content/themes/shang/assets/images

    #4788
    scevra
    Supported

    Sorry, correct: with uploading the image and changing the css, it works.

    #4790

    Thanks for your feedback!
    You can find icon svg here: https://www.flaticon.com/packs/stars
    Or download in font icon like this: https://github.com/FortAwesome/Font-Awesome
    Hope this help!

    ****
    Regards,
    HaruTheme

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.