Jump to content

Avenue: how do I center images in my galleries?

Recommended Posts

Hello, trying to figure out how to center the images in my galleries and move the copy/description at the bottom. Right now the images are left aligned and the copy is next to them on the right:

http://www.giorgiabrugnoli.com/#/milan-design-week-2019/

Also trying to make it a horizontal gallery (one of those where you have arrows to click for the next image) rather than a scrolling one.

Any help is really appreciated!

Link to comment
  • Replies 8
  • Created
  • Last Reply

@giorgiabbb


/* Remove Margin right of Images */
.layout-style-left.index-item-layout-auto #projectPages .project {
   margin-right: 0;
}
/* Remove format of Title and Description */
.layout-style-left.index-item-layout-auto #projectPages .project .project-meta {
   float: none;
   margin-right: 0;
   text-align: center;
   width: 100%;
}
/* Change description color */
.project-description {
   color: #000;
}
/* Reorder Title, description and images */
.project.gallery-project.active-project {
   display: flex !important;
   flex-direction: column-reverse;
}


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
  • 9 months later...
10 hours ago, brynnewman said:

@tuanphan is there a way to do what you did but align the images to the left?

Can you share link to page in screenshot?

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
  • 2 weeks later...

I missed one of the replies here. I you want a horizontal gallery, slideshow, you create a new page and add a gallery block to it. That block image layout can be configured a number of ways. The page can be added to an index page just like a gallery page.  The normal gallery page with Avenue is stacked unless you use the unique url to visit it as  what  like to call a "solo" page then it is a slide show with thumbnails. 

I have both types of pages in my pictures index page, standard stacked images and pages with slideshow. Brookies Tea is one. 

my random views derrick Lee parker

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.