Slideshows and gallery blocks 7.1

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

Q1. Add to Home > Design > Custom CSS

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

Q2. It seems you solved?

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)

Solved that with:

 .summary-thumbnail-outer-container{
    pointer-events: none !important;
  }

that disables the links of the summary blocks