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:


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
  • Views 1.4k
  • Created
  • Last Reply


/* 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 9 months later...
  • 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


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.