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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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

@giorgiabbb CSS can't solve that. It may be an option of Squarespace, you can contact Squarespace Custom Care for their help.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

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

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