ebRa 0 Share Posted October 30, 2020 Site URL: https://sealion-dogfish-x6kw.squarespace.com/ hello people! I am trying that some of the sections (with different measures) have the same .svg background-image that adapts to each one of them (I don't mind it being deformed but I do need it to cover the whole background). I have tried with: section:not(.has-background) .content-wrapper { background-image: url("data:image/svg+xml,%3Csvg xmlns[...my .svg code...]"); background-position: center; background-size: 100% 100%; background-attachment: scroll; background-repeat: no-repeat; } but always maintains the same proportion... Any ideas? my test-site: https://sealion-dogfish-x6kw.squarespace.com/ pass: *SomosBellas* thanks in advance!!! Link to post
0 tuanphan 9,354 Share Posted November 1, 2020 section:not(.has-background) .content-wrapper { background-image: url(data:image/svg+xml,%3Csvg xmlns[...my .svg code...]); background-position: center; background-size: cover; background-attachment: scroll; background-repeat: no-repeat; } ebRa 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 ebRa 0 Author Share Posted November 1, 2020 thanks @tuanphan!!! and some idea for the background to deform to fit the whole area???? 😐 Link to post
Question
ebRa 0
Site URL: https://sealion-dogfish-x6kw.squarespace.com/
hello people!
I am trying that some of the sections (with different measures) have the same .svg background-image that adapts to each one of them (I don't mind it being deformed but I do need it to cover the whole background). I have tried with:
but always maintains the same proportion... Any ideas?
my test-site: https://sealion-dogfish-x6kw.squarespace.com/
pass: *SomosBellas*
thanks in advance!!!
Link to post
Top Posters For This Question
2
1
Popular Days
Nov 1
2
Oct 30
1
Top Posters For This Question
ebRa 2 posts
tuanphan 1 post
Popular Days
Nov 1 2020
2 posts
Oct 30 2020
1 post
Popular Posts
tuanphan
section:not(.has-background) .content-wrapper { background-image: url(data:image/svg+xml,%3Csvg xmlns[...my .svg code...]); background-position: center; background-size: cover; backgro
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment