Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
giorgiabbb

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!

Edited by giorgiabbb
Initial Revision

Share this post


Link to post

@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;
}


Edited by tuanphan
Initial Revision

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31.

Share this post


Link to post

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

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...