feyitifa Posted February 8 Posted February 8 Hi, Is there css I can use to achieve the following? I'm trying to change how my shop filter pop-up appears from this, To this:
tuanphan Posted February 11 Posted February 11 You mean Rename "X" to "See Results" button? Can you share link to page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
feyitifa Posted February 13 Author Posted February 13 (edited) Hi @tuanphan yes on mobiles, and if possible add a box around it like the example above. Here it is olaiya.co/shop Edited February 13 by feyitifa
Solution tuanphan Posted February 15 Solution Posted February 15 Use this code to Website Tools > Custom CSS @media screen and (max-width:991px) { button.mobile-panel-close:before { content: "SEE RESULTS" !important; transform: unset !important; white-space: nowrap; background: unset !important; display: block; text-align: center; position: static !important; height: auto !important; } button.mobile-panel-close:after { display: none; } .custom-filter-container.use-mobile-panel.custom-filter-uid-0 .mobile-panel-close { width: auto !important; height: auto !important; padding: 10px !important; border: 1px solid black !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment