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

Recommended Posts

Posted (edited)

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
Posted (edited)

@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

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...