Home › Forums › WoodMart support forum › Add custom icons in WoodMart
Add custom icons in WoodMart
- This topic has 11 replies, 2 voices, and was last updated 2 years ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
October 18, 2022 at 5:00 pm #414774
atpd23ParticipantHello
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 AwanKeymasterHello,
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
atpd23ParticipantHello
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 AwanKeymasterHello,
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
atpd23ParticipantHello,
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 AwanKeymasterHello.
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
atpd23ParticipantHello,
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 AwanKeymasterHello,
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
atpd23ParticipantHello,
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 AwanKeymasterHello,
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
atpd23ParticipantHello,
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 AwanKeymasterHello,
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. -
AuthorPosts
The topic ‘Add custom icons in WoodMart’ is closed to new replies.
- You must be logged in to create new topics. Login / Register