Jump to content

Avenue: how do I center images in my galleries?

Recommended Posts

  • Replies 8
  • Views 1.6k
  • Created
  • Last Reply
Posted

@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

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

Posted

Worked perfectly, thank you !!! any idea of how to make it a horizontal gallery as described above ? if not, no worries - you've already been incredibly helpful ! @tuanphan

  • 9 months later...
  • 2 weeks later...
Posted

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

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.