Jump to content

How to force a block into a Gallery Section + 2 other questions

Recommended Posts

Site URL: https://oval-vuvuzela-82rr.squarespace.com/

Hello, I would like some help with the formatting of the background, blocks and section, and  the padding of the gallery images.

I kind of got the background to work but I would like to be able to adjust it so that it looks more seamless with my header. 

I would like to know how to force the Text Block into the Gallery section too, and how to adjust the padding of the gallery images in the slide show 

 

the code I'm using for  the background right now is

[data-section-id="61b527ca24f09d5347ebc6aa"] {
    background-image: url("https://images.squarespace-cdn.com/content/v1/61b48cb3be4fe31d861266e7/180600ea-23d7-4144-b939-ef44b0bd520f/BG.png");
}

1st Image is how the 2nd page looks (the one that I would like to adjust) and the 2nd image is how I would it to look like (header blending in nicely with the background image)

Page.PNG

Page 2.PNG

Link to comment
55 minutes ago, suzukiPC said:

Site URL: https://oval-vuvuzela-82rr.squarespace.com/

Hello, I would like some help with the formatting of the background, blocks and section, and  the padding of the gallery images.

I kind of got the background to work but I would like to be able to adjust it so that it looks more seamless with my header. 

I would like to know how to force the Text Block into the Gallery section too, and how to adjust the padding of the gallery images in the slide show 

 

the code I'm using for  the background right now is

[data-section-id="61b527ca24f09d5347ebc6aa"] {
    background-image: url("https://images.squarespace-cdn.com/content/v1/61b48cb3be4fe31d861266e7/180600ea-23d7-4144-b939-ef44b0bd520f/BG.png");
}

1st Image is how the 2nd page looks (the one that I would like to adjust) and the 2nd image is how I would it to look like (header blending in nicely with the background image)

Page.PNG

Page 2.PNG

Your site is private now. Kindly share it with the protected password so we can take a look.

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 12/14/2021 at 8:39 PM, suzukiPC said:

Not yet, I haven't touched it since I last asked here 😞

the Art section shows me there is still that big gap

image.thumb.png.fac74e1fd82bf119b13565e0b93d9508.png

Which page do you have problem> It looks fine on Home/Art page

image.thumb.png.5d4460b5d8403f43a48d4a6dad02e959.png

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
15 hours ago, tuanphan said:

Which page do you have problem> It looks fine on Home/Art page

It's specifically in the Art page, because I wanted to put the block " These are my favourite pieces." inside of the Gallery section

and then make sure that the background image is seamless with the header 

like putting #block-61b53a1b3fe4cb3af6df658b into the same section as section[data-section-id="61b527ca24f09d5347ebc6aa"]

my about page is just fine though, that one doesn't need any more tweaking

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.