My client is looking to add some text such as “exit” next to the x button on the quick buy popup on the Symmetry theme. Is anyone knowledgeable on how we can customize the code to display this?
Could you share the direct URL for your site? In the meantime, you may be able to use CSS content for this. Without seeing the site… Try added the following to your styles.scss file. Navigate to Online Store > Themes > “…” > Edit Code. Find the styles.scss file in the assets folder. Make some space at the very bottom and add the following. Hit Save and refresh page to see.
.quickbuy-container .close-detail::before {
content: "Exit ";
position: relative;
z-index: 9;
}
Thank you! I’ll attempt this to see if it is a working solution. Here is a link to our site. https://www.whitebayoucreations.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=136580006124
You have to click “quick buy” on a product for the slider animation to happen and then the x will appear in the top right of that slider window.
Looks great! You can also add the following inside the brackets to change the color to match. Fine-tuning the design is, of course, optional. Good luck and happy to help!
color: #5c5c5c;