A user is customizing popup icons on product pages in the Dawn theme. They want to keep an icon only for the “Size Guide” popup while removing icons from “Description” and “Additional Information” popups.
Solution Provided:
display: none on the ::after pseudo-elementsProductPopup-popup_QBW4eb and ProductPopup-popup_bQbEVcFollow-up Issues:
The discussion remains open with the mobile display issue pending resolution.
I’m using dawn theme latest version in that product page i have used three popup’s in that for 1st alone (Size Guide) alone want the icon and for remaining 2 there should not be any icons. I’ll attach images and website link for reference.
Need icon for size guide
No need icon for description and additional information
Website: https://mannavan.myshopify.com/
Password: offnorth
Thanks in advance
Hi @Sivadarshan
You can use 2 CSS to remove icons for description and additional information
button#ProductPopup-popup_QBW4eb::after {
display: none;
}
button#ProductPopup-popup_bQbEVc::after {
display: none;
}
This is result: https://img001.prntscr.com/file/img001/AF-zuPGFRcewckzXisQ_Qw.png
I hope my code can help you!
Best regards,
Daisy - Avada Support Team
@DaisyVo Thanks for the code! Is that possible to add different icons for each of the popup, for additional information different icon and description different icon is possible. If possible how to acheive that.
Thanks
@Sivadarshan I think you can change it in your code of theme: https://img001.prntscr.com/file/img001/DMMNubBpSTGj8s_iqhZZqQ.png
But it’s really hard to determine its location
Is this the default of the theme or you add it from outside or use an app?
@DaisyVo Custom coded. Cool, Not a problem. Thanks for your code
@DaisyVo But still in mobile there is icons present
