Jump to content

Slideshows and gallery blocks 7.1

Recommended Posts

Site URL: https://villa-rondinelli.squarespace.com/

Hi there,

I'm building a website with Squarespace 7.1 using CSS and HTML code injections with the Personal plan. 

I was wondering if it was possible to achieve the following:

– on the home page (https://villa-rondinelli.squarespace.com/) make the banner slideshow full bleed so that the nav bar titles overlap to the banner

– on the 'Ambienti' page (https://villa-rondinelli.squarespace.com/ambienti) create slideshows image blocks that sit on the side of the text

I attached a couple of images for reference of what I'd like to achieve.

Website password: maggie-villa

Do you think any of this (or anything similar) can be done with some coding? Maybe resizing a slideshow banner or editing a blog summary?  

Thanks 🙂
Maggie

home page.png

ambienti page.png

Link to comment
  • Replies 3
  • Views 615
  • Created
  • Last Reply

 

On 4/15/2020 at 2:44 PM, tuanphan said:

Q1. Add to Home > Design > Custom CSS


.homepage article>section:first-child {
    padding-top: 0 !important;
}

Q2. It seems you solved?

Awesome, thank you so much! 

I found a sort of solution for Q2 but I still have to adjust some bits. I tried to work around the problem creating a blog page where I put the images I needed to appear in the gallery as preview images of the blog posts. I then added a summary block on the 'Ambienti' page so that the preview blog images will appear as a gallery.

What I'm trying to achieve now is to prevent that if you click on the image in the summary it brings you to the blog page. I'd like that if you click on the images nothing happens. I tried to add href="#" but with no success so far 😕

And, if possible, I was also trying to use a fade animation for the images transition (now is set as slide up because it's the default animation of the website)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.