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

Edited by MaggieBovary
Link to comment

Q1. Add to Home > Design > Custom CSS

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

Q2. It seems you solved?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

 

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

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.