raego Posted April 1, 2022 Share Posted April 1, 2022 Site URL: https://www.giftandcrate.com.au/ I am trying to fix some styling errors in the edit details pop up on my store. See screenshot - the button text is invisible and changes to an unwanted colour on hover. This doesn't seem to be an assigned style for the colour palette being used on this page. Is there anyway I can change this so the text is actually visible? Link to comment
tuanphan Posted April 2, 2022 Share Posted April 2, 2022 It looks fine to me. Which device/browser do you use? 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!) Link to comment
raego Posted April 3, 2022 Author Share Posted April 3, 2022 On 4/2/2022 at 11:24 PM, tuanphan said: It looks fine to me. Which device/browser do you use? I am using Chrome on a Mac. Have tried with Safari and am seeing the same problem. Link to comment
tuanphan Posted April 4, 2022 Share Posted April 4, 2022 10 hours ago, raego said: I am using Chrome on a Mac. Have tried with Safari and am seeing the same problem. Hi, This popup on Cart Page or Individual Products? 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!) Link to comment
raego Posted April 6, 2022 Author Share Posted April 6, 2022 On 4/4/2022 at 5:11 PM, tuanphan said: Hi, This popup on Cart Page or Individual Products? It's the pop up on the Cart Page, the pop up on individual products looks fine. Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 On 4/6/2022 at 2:40 PM, raego said: It's the pop up on the Cart Page, the pop up on individual products looks fine. I see problem on Individual Products try edit this CSS .collection-type-products.view-item .sqs-modal-lightbox-content .lightbox-content * { color: #fff !important; } to this .collection-type-products.view-item .sqs-modal-lightbox-content .lightbox-content *:not(input):not(textarea) { color: #fff !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!) Link to comment
raego Posted April 11, 2022 Author Share Posted April 11, 2022 On 4/10/2022 at 6:15 PM, tuanphan said: I see problem on Individual Products try edit this CSS .collection-type-products.view-item .sqs-modal-lightbox-content .lightbox-content * { color: #fff !important; } to this .collection-type-products.view-item .sqs-modal-lightbox-content .lightbox-content *:not(input):not(textarea) { color: #fff !important; } Perfect, thank you! Link to comment
raego Posted May 2, 2022 Author Share Posted May 2, 2022 I'm still having trouble with the pop up on the Shopping Cart page. See attached - https://www.giftandcrate.com.au/cart In the shopping cart once something has already been added to cart, if you click 'Edit Details' the pop up form has the styling errors where the text in the button cannot be seen. The lightbox form on the actual product page is fine. Any ideas? Link to comment
tuanphan Posted May 5, 2022 Share Posted May 5, 2022 On 5/2/2022 at 1:01 PM, raego said: I'm still having trouble with the pop up on the Shopping Cart page. See attached - https://www.giftandcrate.com.au/cart In the shopping cart once something has already been added to cart, if you click 'Edit Details' the pop up form has the styling errors where the text in the button cannot be seen. The lightbox form on the actual product page is fine. Any ideas? Try adding to Design > Custom CSS body#cart [aria-label="Edit product details"] button { color: #8b9171 !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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment