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

Search the Community

Showing results for tags 'background'.

  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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


Badges


Expert ID

  1. Site URL: https://www.glynowen.co Hi everyone, I've just put live a new portfolio website and trying to understand why the background images in the main navigation have stopped appearing when I hover over the section titles. I'm using Chrome and it's not working in Incognito either. It does seem to work on my girlfriend's mac and with customer support. I've gone through troubleshooting browser issues, but can't figure this one out. Any advice appreciated. Thanks Glyn
  2. Site URL: https://lakerenfaire.com/virtual-faire/ Ciao ragazzi! I am trying to change the background and button color of page within an index. This should be very simple css, but I am not getting seeing the change. Here is my code: <style> .collection-type-index #education-links {background: #309ed9 !important;} #block-3a71d41191937304e6bb .sqs-block-button .sqs-block-button-element--large {background: #495fab !important;} </style> Any help is appreciated.
  3. Site URL: http://lakerenfaire.com/ Ciao Everyone! I have been able to make the change to the buttons site-wide to use the styling of a "background-image" to replace the buttons on the website. However, I am still have some trouble getting the buttons to format to the correct size. When using the "background-size" as "cover" the image does not display larger enough center the button text inside the button. Setting the the size to contain creates a very small image. Additionally I have have tried setting the size to auto and set parameters, but was still having to set a width which did st
  4. Hi there, I'm wondering if anyone could help me with the CSS I would need to add in order to make all "image cards" sitewide carry a background image themselves? I know next to nothing about CSS, so I'm a bit stumped. I normally just google, copy and paste for anything I need, but can't seem to find anything on this. Thanks in advance!!
  5. Site URL: https://aria.squarespace.com/ Hi, Using version 7.1. I would like to create a seamless gradient background for all the pages, including the portfolio page but excluding the footer. However, the code I am using is creating a gradient for each section. Here is the code I am using: .white:not(.has-background) .section-background { background-image: linear-gradient( to bottom right, #99cbc6, #e3ccc2 ) } Please help! Thanks in advance for the input. The gradient is applying separately to each section here:
  6. Site URL: http://melissawebb.com Hello - I want to change the background only on my store page from black to white. https://www.melissawebb.com/delivery-menu Not a CSS expert at all so any help appreciated
  7. Site URL: https://www.onehandsanitizer.com/ I have a background image at the top of my website (www.onehandsanitizer.com). It has my logo and the company slogan. It looks great on desktop but on mobile, most of the image gets cut off. I want the image to shrink to fit in the screen on mobile instead of cutting the sides off. I tried a few things in custom CSS. I was able to get the image to shrink by setting height: 50%; but that didn't shrink the parent container, leaving me with a bunch of white space where the picture used to be. I also tried finding the #yui_... ID for this section
  8. I have am using a Brine/Moksha template and, on various pages, I need to change the background image to a different image when on mobile/tablets. Does anyone have script/html solution for this that I can inject in header? or css? See https://yelar.squarespace.com/hi-im-barbara-on-home for an example.
  9. Hi, I am trying to add a gradient colour background to my markdown blocks. I have the main background green in place and have tried to add the gradient by changing the code to that below, but no gradient! Thanks. .markdown-block { background: linear-gradient(to right, #d6e6db, #e2f3e8, #d6e6db); }
  10. I'd like to replace the background header image with one that is designed to fit a vertical layout when site is viewed on mobile. Ideally text and icon sit above the person in the image, rather than to the side like they do for larger displays. site is https://icosahedron-rust-5y3f.squarespace.com/ password: 2020 The image below is the one I'd like to use for mobile. I can adjust image size/dimensions if needed. Any help greatly appreciated!
  11. Site URL: http://www.tnvirtuallaw.com I used to have this set up properly, but not sure what changed. Currently, my navigation bar color is set to "transparent," so the background is the city image on the homepage. When scrolling, the navigation bar used to change to a solid dark grey background (leaving the white logo and white page links visible wherever you are on the website). Now, when you scroll, it remains a transparent background, making it harder to see. I never had a code injection before for this, so I'm pretty sure it is an option without adding new code. Any help is
  12. Site URL: https://yellow-hawk-8aef.squarespace.com/ Hello, My homepage has full-bleed images on hover. I've managed to make the header transparent but the footer shows up with a white opaque background. How can I make it transparent so it has the same background as the rest of the page and doesn't look like a distinct block? If that isn't a possibility, how do I reduce the height of the footer so it's only as high as the text and not a big white block? Please help!
  13. 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
  14. Site URL: https://www.campuspa.com/ I'm using a few images at the top of pages as a backgrounds. The positioning of the image is awkward on mobile, so I want to shift the position of the background image. Here's the code I have right now: @media screen and (max-width: 640px) { #sections :nth-of-type(1) { background: red; } } So far as I understand, this is supposed to select just the section of the page at the top with the image and turn the background red (just for show, to see if it works). However, this changes the background of the entire homepage red inst
  15. Site URL: http://www.jeffkrueger.net How do you change just the color of the background on the shopping cart page in 7.1 to white?
  16. Hello, How can I get the header on the index (home) page to have a transparent background so the photos are layered behind the text, while maintaining the white background on the other four pages and the fixed position overall? I'm using the Miller template, and the site is http://iggyrabinovich.com/. Thanks!
  17. Site URL: https://viktoriapezzei.com/home-overview I would like to create a page, which is inspired by this one. As soon as you hover over a button, the background image of the whole page should change. I'm using the Birne template on Squarespace 7.0 and have a Business plan, hense I'm able to add code to the page itself. Is there any possibility to add a html style tag for this purpose?
  18. Site URL: https://www.orcasoundproject.com/ Hello, How can I add parallax scrolling on Squarespace 7.1 on specific images? I have tried different codes but none of them seem to be working or they have minimal impact, you can barely notice it. I would like to have the effect of totally scrolling through it like in this example on the header image: https://www.recyclerebuild.org/spotlight Thanks!
  19. Site URL: https://jewishforgood.squarespace.com/ PW: JewishForGood I put this code into my CSS to make my navigation sticky and with a shadow effect. It works well, but it reveals the footer background color (?). I can adjust the last part (.Content-outer...) so that the background of the footer doesn't show, but then it covers up some of my page content. Any ideas? Thank you! //Fixed Header .Header--top { width: 100%; position: sticky; position: -webkit-sticky; display: block; top: 0px; left: 0; z-index: 9999; -webkit-box-s
  20. Site URL: http://www.fitaf.co Hi all, Anyone have any lying around css for adding a background image to the slide out nav on the indigo template of skye. 🙂 thank u for the help!! Jason
  21. Sorry if this is a silly question but Is it possible to add a background image to a 'gallery grid-simple' block? I'm looking for the easiest way to create one block with 6 seperate images with links to other pages. The only was able to do this easily and neatly was with a gallery grid - simple block. But am not able to add a background image. I tried two blocks of three images, but then I am not able to add a background picture across the two blocks. Any other way? Thanks
  22. Site URL: https://www.reapreapparel.com/ Something, probably in my code, is causing this site to show up poorly on all browsers except Chrome desktop and safari mobile.
  23. Site URL: https://www.catherine-smith.co.uk/new-home Hi, I'm just trying to change the background and h1 colours for one page of my site https://www.catherine-smith.co.uk/new-home I'd like this index page (which will be the home page when I'm finished) to have a pink background - for all sections - and white h1 text. I have been going round in circles trying different code snippets but I'm clearly doing something wrong. Help!
  24. Hi! Please help. I am designing a website and creating all my pages and content writing on images made in photoshop and then uploading them into squarespace as background images to cover the entire website (As the template formatting just isnt cutting it for our design vision). But when I open it up to view it on a mobile device view, the image is zoomed in and everything is cut off as its meant for the size of a desktop. (VIEW ATTACHMENTS TO SEE HOW MY IMAGES/BACKGROUND IS CUT OFF ON MOBILE VIEW)! IS there any way I can create separate backgrounds to fit a mobile screen so th
  25. Can I change the background to a color or image so its not just blank? There is a lot of dead space in the site and it looks a bit basic
×
×
  • Create New...