Jump to content

Background gallery image.

Recommended Posts

Hello there,

Having a hard time adding a background image to my website. I attached screenshot for better understanding. I want to add another image underneath the gallery or may be add blue background color to avoid this awkward white space. 

Any suggestions would be appreciated. 

Screen Shot 2023-01-26 at 8.46.09 PM.png

Link to comment
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

Hi tuanphan,

Here is the link : https://jbleforcesupport.com/air-power-over-hr

I had a code that would make the "thanks to our sponsors" image fit from side to side without margins but it doesn't seem to be working anymore. Plus I still want to know if I can add background color/image where gallery is. I tried to research it but nothing seemed to come up.

Other question - I have a template from squarespace 7.0 and all of the tutorials I find are for the next version and it seems like the new version is more advanced and easy to use. Do you think it makes sense to move website to thew version and newer template? 

Link to comment
  • 2 weeks later...
On 3/3/2023 at 11:07 PM, cre8tor90 said:

No, I am still struggling with seting a full bleed image on the website. I tried this, nut it doesnt seem to be working 

 

//make full width #imageblock { width: 100vw; left: 50%; right: 50%; margin-left: -50vw; right: -50vw; padding: 17px 0!important; }

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1675108119933_6116 {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
section.Main-content {
    padding-top: 0px;
}
body {
    overflow-x:hidden;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.