Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'background'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 143 results

  1. I've been searching for an answer for this for a while, but can only find very specific advice for background images (like how to have a different one on every page) that doesn't help me. I've got a Skye template ("Ready" specifically) and want to add a background image to my site. Couldn't find it in the settings, so I'm looking for some quick CSS I can pop in and get a site-wide background image. I've already uploaded my image as a custom file so I have a URL ready. My website is storybriar.com.
  2. Hello! On a page, I'm trying to make the background image clickable to an external link. Is there any way that I can achieve this without affecting the content block in the middle? i.e. a visitor may only click on the area on the image surrounding the body text, but not when the cursor is within the text area. Does that make sense? The image is now uploaded on the first section of the page in Media. Happy to explore other options like CSS if necessary. Thank you in advance!
  3. Hi, I'd like to change the color of the sections on my home page. I know how to import a 1500 x 2500 colored rectangle into the section but it doesn't cover the entire section. Any advice? http://www.masteryourroles.com Thanks
  4. Hey Squarespace community, I'm trying to change individual page backgrounds on the Aubrey template. I've had a look around previous posts but i can't find anything specific to this template. I have all of my collection body ID's for each page and uploaded my images to an external image host with direct image links provided. Currently i am trying these code variations in the header injection of each page, however, they are not having an effect: Take 1 body#collection-5d98bbe5b268dc547a8fb81c { background-position: center top !important; background-image: url("//IMAGE URL"); } Take 2 body#collection-5d98bbe5b268dc547a8fb81c { background-position: center top !important; background-repeat: no-repeat; background-image: url("//IMAGE URL"); background-size: contain; } Take 3 #collection-5d98bbe5b268dc547a8fb81c .Main { background-image: url("IMAGE URL")!important; background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: repeat; } Can anyone help? Thank you!
  5. Hi everyone, My main content's background colour is a very light grey, on the whole website. Yet, when I add a banner image to an index page, I can clearly see that the background turns to black behind the image. (default colour from my template - Pedro, Brine family). It means the page is black until image loads.. Anyone knows how I can fix this? It doesn't look like there is any easy way to do this in the Design panel so I'm thinking some sort of code with my background colour's hex code and important! but I don't know the rest of the code I would need.. 🙂 Thank you!
  6. I need help figuring out how to keep the summary block background on this page from being wider than the viewport. It took me forever how to figure out how to get the background to be full-width on desktop. It seems to all be shaping up except for the right side extended past the viewport on mobile devices. I would greatly appreciate any insight. Thank you!!!
  7. What css code can I use to change page background color site-wide?
  8. I'm working on a site using SS 7.1 and I'm having issues with video playing properly on iPhone X. Has anyone else had problems with this and is there a solution? All other devices seem ok now (there were issues recently that seem to have been resolved). Video is hosted on Vimeo. Site is https://pendower-beach.squarespace.com I can send login password if anyone can help me out with this.
  9. Does anyone know how to make the background color of this summary block on this page extend the width of the device?
  10. Hello, I am attempting to add a custom background to my squarespace site. Specifically a valnajs background that can be found here: https://www.vantajs.com/?effect=net#(backgroundAlpha:1,backgroundColor:13223885,color:7370174,maxDistance:24,points:6,showDots:!t,spacing:17) I can successfully add this javascript and get the resulting image when I use a code block and the following code: <script src="three.r92.min.js"></script> <script src="vanta.net.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script> <script src="https://www.vantajs.com/dist/vanta.birds.min.js"></script> <div id=vantajs></div> <script> VANTA.BIRDS({ el: "#vantajs", }); </script> However, this just inserts the image in that block and does not actually make the image the background of my page. I have tried many ways through the page code-injection feature to add this to my website, specifically the section-background html element, but nothing has worked. Here is an example of one of the methods I am trying when using the page code injection: <script src="three.r92.min.js"></script> <script src="vanta.net.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script> <script src="https://www.vantajs.com/dist/vanta.birds.min.js"></script> <script> (function(){var x = document.getElementByClassName("section-background"); x.setAttribute("id", "vantajs")})(); </script> <script> VANTA.BIRDS({ el: "#vantajs", }); </script> Any help here would be greatly appreciated.
  11. Hi, Site: candyculver.comPage: https://www.candyculver.com/clients-case-studies-1Bottom of page section: "The rest of the story" I have a dark blue background on this section on which I have added an expanding Q&A using a markdown block with the code below. The blue background has a gap of white at the bottom the first time you visit the page. After that, it's fine. Can anyone help me with how to make the white gap not happen on initial visit?
  12. Hey guys, whats the easiest way to realize this? multiple grey #f6f6f6 boxes, with text overlapping like on the screenshot. For the mobile Version, the text-boxes should be among each other. I am using the template York. Thank you very much for any kind of help!
  13. Hello, I create my website in Brine and add in the Homepage Header a video (upload with Youtube link). It works but I see that the page load very slow and sometimes crush. Also I see that youtubes icon that I don't really like. Do we have another option to have a video header like this? My website is : www.versovisual.com Thank you very much for your help
  14. Hi, I've used the forum once before and it was extremely helpful! I'm using the York template and I am trying to change the background color of the footer. It doesn't seem to be a feature, could anyone help me with the CSS? This is the website link: https://clownfish-mauve-jds9.squarespace.com/ password: beatrice Thanks so much!
  15. I'm using the Avenue template and have a flat color as the background of my site, I just want to know if it's possible to have a different color every time the site is refreshed? Not as in random colors on the wheel but like if I choose 5 or 10 specific colors that can just be cycled through randomly? Thanks. Billy
  16. I know general CSS to change color of sections in squarespace, but in Bedford template, it is not full-width. Is there any way to code it to be full width?
  17. Hi there! I can not for the life of me get the background-color of the Summary Block on this page to span the full width of the viewport without the text expanding too. How can I get the background-color to be fullbleed across the viewport while maintaining the current text position? I would so appreciate if you could help! Thanks!
  18. This must be a simple thing I'm not grasping, but can anyone tell me what the circle/bullseye does when in the background image selector? You can move it around but I don't see that it changes anything. See screenshot.
  19. Hiya, just wondering if anyone is able to advise how to get this look for a header text? The block colour behind the text. I love the look and can't figure out what terms to search for here... Thanks in advance.
  20. New to this but what templates give the most options for video banners like shown in this video: https://youtu.be/cAxzkwr1lk0 Thanks for any help...
  21. Hello, I would like to remove the background color from my navigation header but only on some pages. What would be the correct code snippet for it? Is it also possible to make a portfolio grid fullwidth and show a short description under the project title? My website is https://dove-turkey-3mnz.squarespace.com/ Password: cs I use Squarespace 7.1 Thanks for your help!
  22. I have added some CSS to make my blog post background semi-transparent. It looks great when I have the Design tab open but doesn't show up after the page has been refreshed or if I open my site in a new webpage. The weird part is that it fixes itself every time I reopen the Design tab. Here's the CSS I added: Here is what it should look like: Here is what it actually looks like: You can view my website here: https://lion-wedge-b4fc.squarespace.com/ password is 12494
  23. Thanks for looking! I'm a designer. It's my first go using Squarespace & the Brine template. I have a page within an Index with a background banner image (just a slab of black in this case). When I create a link to that page in the Footer Navigation the background banner no longer sits behind the whole page. Annoyingly it is contained within a strip across the top of the page, and the site-wide colour is the rest. (I've noticed this is the case for any page pulled from an Index that contains a full bleed banner image.) How do I keep the banner background image behind the whole page? I've used a little CSS to customise fonts, spacing, make the header sticky — nothing too tricky. When I delete all my CSS the problem still remains. https://mela-draft.squarespace.com/config/pages I've attached screen captures of the intended look (all-over black background) and the way it looks with just a strip at the top & the site-wide colour background (cream).
  24. I wanted to make the background for a certain portion of my index page red, and within that area I wanted to have a series of image buttons, as seen in the image attached. What i the best way to do this? I am using the Hayden Template.
  25. Hello! I am trying to get a site wide background image for by site. Nothing I have found has worked. I am in the brine mojave template.
×
×
  • Create New...