How can I style my Search Icon Size on Products same as website search in the navigation?
When I use canvas menu – I would like to assign an image to shop and stay each so if a user hovers on either link an image is displayed. But it’s not working for me. Can you tell me how can I do that?
Sorry for the late response. I meant here is when we open any product - let's say Sweatshirt, there is a search/zoom icon that is on one corner of the image. Then there is Search icon in the header of the website. What I would like to do is keep the size, color of the one on the product similar to the one in header.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello,
How can I style my Search Icon Size on Products same as website search in the navigation?
When I use canvas menu – I would like to assign an image to shop and stay each so if a user hovers on either link an image is displayed. But it’s not working for me. Can you tell me how can I do that?
Hi there,
Thank you for getting in touch.
I can't seem to find a search icon for your product pages. Please share the link to where I can find this so I can look into this for you.
Please share a screenshot of what you'd want this to look like so we can advise.
We look forward to your reply.
Thanks,
Hi Andrew,
Sorry for the late response.
I meant here is when we open any product - let's say Sweatshirt, there is a search/zoom icon that is on one corner of the image. Then there is Search icon in the header of the website. What I would like to do is keep the size, color of the one on the product similar to the one in header.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before { content: "\e906" !important; border: none; text-indent: 0; font-family: 'icomoon'; font-size: 16px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { background: transparent; }Thanks
ThemeNectar Support Team