Search the Community
Showing results for tags 'background-image'.
Found 5 results
-
.svg background-image stretches to cover the entire content area
ebRa posted a question in Coding and Customization
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 -
Is it possible to make your background image fixed? Wix has this as a built in option but I can't seem to figure it out for squarespace. We have a lot of text on one of our pages and the image is blown out of proportion. I found this article but can't seem to figure out how to make it work for our site. Any assistance is appreciated. Thanks! https://thirtyeightvisuals.com/blog/fixed-background#adbs-anchor-full-code
-
Site URL: https://olgadelaiglesia.net/ Hi, I'm new to using HTML and Javascript in SS, typically I just use CSS. I'm trying to learn how to change the background-color of a page on hover over a link, and I'd love to be able to do the same for hovering over an image, like in the example. Currently, on my FV website, I have an image appearing on hover. I used a Markdown for the following HTML: <div class="titles"><a href="/films/velour">Velour</a></div> <div class="titles1"><a href="/films/parallel">Parallel</a></div>
-
Scrolling text over a fixed background within a section
nsdoyle posted a question in Coding and Customization
Site URL: https://www.purehomeoffice.com/aspire-1 Heya I'd like to create a section with a fixed height of the window / media screen that scrolls through all the available text / content before proceeding to the next section. I found this bit of code that I believe will do what I want, but I don't know exactly how to implement it. https://codepen.io/aakhya/pen/QJWovp I attached a video to show what I'd like to achieve. Using 7.1, btw. fixed background scrolling example.mov -
Hi there, Pretty new to CSS. Can anyone help me with adding a background image to my header in version 7.1? I was thinking this would work but proving failure thus far. header{ background-image: url("URL-Link-in-custom-files.jpg") } Thanks
