Home Forums WoodMart support forum Add custom icons in WoodMart

Add custom icons in WoodMart

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #414774

    atpd23
    Participant

    Hello

    1) In the Elementor Pro version there is a possibility to add custom icons (Elementor > Custom Icons > Add New). Is there something similar with the WoodMart theme? I would like to avoid using the Pro version of Elementor.

    2) Anymore I can’t see the “Upload SVG” button in the Elementor Builder. I would like to upload an SVG icon, but that button is missing. It used to work in the past. Please see the attached image.

    Best Regards

    • This topic was modified 2 years, 1 month ago by atpd23.
    Attachments:
    You must be logged in to view attached files.
    #414987

    Hello,

    1. Sorry, this is not possible in the Woomdart theme. You have to use the Elementor pro plugin for this.

    2. If you want to upload the SVG then you should use the icon type as With image then upload the SVG image: https://ibb.co/ySs1K0m

    Best Regards

    #415061

    atpd23
    Participant

    Hello

    2) Please notice my attached images above. I have already used type “With image” but there is missing “Upload SVG” button. That button used to be there in the previous versions. I need that button because then I could upload an SVG image and change fill color by CSS. Now I can’t, it’s placed between <img> tags and not <svg> ones.

    3) Also I would like to ask you for help with small gaps appearing around website content. I have just imported a prebuilt website and there are gaps (please see the attached images). On the other hand your demo is OK. On page refresh it is full width but after a few milliseconds it adds gaps all around the website (except for top main menu).

    Best Regards

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

    Hello,

    2. Actually, we removed this ability because when <svg> icon is uploaded our options doesn’t work correctly and it usually confused our customers.
    That is why now it is possible to use <img> tag only. But if he still wants to use<svg> You should add the following code in the child theme’s functions.php file:

    if ( ! function_exists( 'woodmart_print_custom_css' ) ) {
       function woodmart_print_custom_css() {
          ?>
          <style>
             html .elementor-control-list_type ~ .elementor-control-type-media ~ .elementor-control-type-icons .elementor-control-svg-uploader {
                display: flex;
             }
          </style>
          <?php
       }
    
       add_action( 'elementor/editor/before_enqueue_styles', 'woodmart_print_custom_css' );
    }

    3- Can you please provide the WP-ADMIN Login details of the website to check it myself and help you out accordingly?

    Best Regards

    #415393

    atpd23
    Participant

    Hello,

    2) Thank you very much, the code is working. How do you mean “our options doesn’t work correctly and it usually confused our customers”? Will it mess some theme functionality?

    3) Please see the login details in the private content.

    Best Regards

    #415614

    Hello.

    2. Yes, I think it created an issue in the theme functionality and conflicted with some other code.

    3. Sorry to say but as far as we are viewing the Site, we can’t seem to find any gap mentioned: https://ibb.co/WcS10ry

    Best Regards.

    #415689

    atpd23
    Participant

    Hello,

    3) It seems there is a problem with Opera browser. In other browsers it is working properly. But your demos are also working in Opera on my side, only my page isn’t. Please see also the website record to see how it looks like on my side.

    https://www.awesomescreenshot.com/video/11894659?key=5b30ede418e3d2f95e5d6e4f9921061b

    You can see I have also tried to reload the website and at first (only a few milliseconds) it is full-width but then it adds gaps.

    Best Regards

    #415826

    Hello,

    Sorry to say but we have checked your mentioned concern on Opera Browser too and it was appearing fine there too. Please refer to the following Video: https://www.veed.io/view/542f47fc-2349-470d-9c1b-d35647cf0079

    Please check back your Site after completely clearing the browser and server cache.

    Best Regards

    #415842

    atpd23
    Participant

    Hello,

    Actually it’s doing exactly the same as at my website. After refresh at first it’s all fine for a few milliseconds and then it adds gaps. Please see your video carefully (or see the attached image here).

    I don’t understand why this happens, because your demos are OK in Opera browser. Also my website is in all other browsers OK, only Opera struggles.

    Best Regards

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

    Hello,

    Please try this custom css and paste it to Theme Settings >> Custom CSS >> Global CSS section:

    @media (min-width: 1025px) {
    	.wd-scrollbar.browser-Opera.platform-Windows {
        --wd-scroll-w: 15px;
    }
    }

    Best Regards.

    #416351

    atpd23
    Participant

    Hello,

    Thank you, now it’s working, I just have to changed value 15px to 12px.

    Could I ask you for a brief explanation why only Opera struggles with that gaps and what is the purpose of the code above?

    Best Regards

    #416429

    Hello,

    Sometimes it happens and the browser does not pick or get the CSS classes. You have been the first one to report this issue so we will try to solve it in the next theme update.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

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

The topic ‘Add custom icons in WoodMart’ is closed to new replies.