mbrimb Posted October 5, 2021 Share Posted October 5, 2021 (edited) Site URL: https://nicnacmakes.ca/shop Unable to add a background image to my store page in CSS. I've tried everything that I've read on this forum and still cant seem to make it work 😞 Edited October 5, 2021 by mbrimb Meant store not homepage Link to comment
Beyondspace Posted October 5, 2021 Share Posted October 5, 2021 (edited) 6 hours ago, mbrimb said: Site URL: https://nicnacmakes.ca/shop Unable to add a background image to my store page in CSS. I've tried everything that I've read on this forum and still cant seem to make it work 😞 Do You mean adding an image as the background to the whole store page? Edited October 5, 2021 by bangank36 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
mbrimb Posted October 5, 2021 Author Share Posted October 5, 2021 11 hours ago, bangank36 said: Do You mean adding an image as the background to the whole store page? Yes I do! Link to comment
tuanphan Posted October 7, 2021 Share Posted October 7, 2021 @mbrimb Try adding to Design > Custom CSS /* Shop page background image */ body#collection-60ec8e381cff58014d547689 { .section-background, .page-section { background: transparent !important; } body { background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mbrimb Posted October 7, 2021 Author Share Posted October 7, 2021 8 hours ago, tuanphan said: @mbrimb Try adding to Design > Custom CSS /* Shop page background image */ body#collection-60ec8e381cff58014d547689 { .section-background, .page-section { background: transparent !important; } body { background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; }} Still no change - stays the same background colour with no image. Link to comment
tuanphan Posted October 10, 2021 Share Posted October 10, 2021 On 10/7/2021 at 11:49 PM, mbrimb said: Still no change - stays the same background colour with no image. Hi, Can you add & keep the code in Custom CSS? We can check it easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mbrimb Posted October 10, 2021 Author Share Posted October 10, 2021 9 hours ago, tuanphan said: Hi, Can you add & keep the code in Custom CSS? We can check it easier Yep! I haven't taken it out. Link to comment
tuanphan Posted October 12, 2021 Share Posted October 12, 2021 On 10/11/2021 at 1:17 AM, mbrimb said: Yep! I haven't taken it out. ah, the code has a typo ☹️ use this new code /* Shop page background image */ body#collection-60ec8e381cff58014d547689 { .section-background, .page-section { background: transparent !important; } & { background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mbrimb Posted October 13, 2021 Author Share Posted October 13, 2021 20 hours ago, tuanphan said: ah, the code has a typo ☹️ use this new code /* Shop page background image */ body#collection-60ec8e381cff58014d547689 { .section-background, .page-section { background: transparent !important; } & { background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; }} It worked!!!! Thank you 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