Home › Forums › WoodMart support forum › How to Add such option. If possible, from theme settings or else, some other way › Reply To: How to Add such option. If possible, from theme settings or else, some other way
Luke Nielsen
Hello,
1. Yes, you are right.
Q. This code you can use if you will have some problem with the SVG aligning.
https://monosnap.com/file/aFCYAVGdrZpsAEOAWo8sYwIdqB2HdX
1a. Here is the code for showing the icon before your custom tab.
.tabs-layout-accordion .tab-title-wd_custom_tab:before {
content: ' ';
display: inline-block;
background-image: url('https://www.vasangini.com/wp-content/uploads/2021/08/wd-pointer.svg');
background-size: 20px 20px;
height: 20px;
width: 20px;
}https://gyazo.com/89553c32d5ff10038fd0f975ea6ffa27
1c. Sorry, it’s my mistake, you can also upload the icon via the “Search” icon settings.
1d. I have checked it again and it works fine.
https://gyazo.com/e14cd1b3549df28d0e49d9ff3608188e
This code doesn’t matter if the icon can be changed through the settings.
7. Unfortunately, the HTML structure of the dropdown menu doesn’t allow to change the hover of the items.
7b. Enter the code to the “Global Custom CSS” area for changing the color of the menu arrows.
.wd-nav[class*="wd-style-"]>li.menu-item-has-children>a:after {
color: #605d5d;
}8. The issue is that you have added to the “Price” block the indent from the top (padding-top: 2vh) and it adds to the slide an additional height.
Please, remove it and check the issue.
Kind Regards