Add custom icons in WoodMart

This topic has 11 replies, 2 voices, and was last updated 2 years, 1 month ago by Aizaz Imtiaz Awan.

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

Author

Posts
October 18, 2022 at 5:00 pm #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.
October 19, 2022 at 3:13 pm #414987

Aizaz Imtiaz Awan
Keymaster

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

October 19, 2022 at 5:57 pm #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.

October 20, 2022 at 1:09 pm #415256
Aizaz Imtiaz Awan
Keymaster
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
October 20, 2022 at 11:06 pm #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

October 21, 2022 at 3:49 pm #415614

Aizaz Imtiaz Awan
Keymaster

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.

October 21, 2022 at 6:26 pm #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

October 22, 2022 at 11:58 am #415826

Aizaz Imtiaz Awan
Keymaster

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

October 22, 2022 at 2:20 pm #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.

October 24, 2022 at 12:59 pm #416100
Aizaz Imtiaz Awan
Keymaster
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.
October 25, 2022 at 10:50 am #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

October 25, 2022 at 2:37 pm #416429

Aizaz Imtiaz Awan
Keymaster

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.
Author

Posts