giorgiabbb Posted July 12, 2019 Posted July 12, 2019 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!
tuanphan Posted July 12, 2019 Posted July 12, 2019 @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!)
giorgiabbb Posted July 12, 2019 Author Posted July 12, 2019 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
tuanphan Posted July 12, 2019 Posted July 12, 2019 @giorgiabbb CSS can't solve that. It may be an option of Squarespace, you can contact Squarespace Custom Care for their help. 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!)
giorgiabbb Posted July 12, 2019 Author Posted July 12, 2019 Sounds good, thanks !!! I might just open another topic here in the forum :) @tuanphan
brynnewman Posted April 22, 2020 Posted April 22, 2020 @tuanphan is there a way to do what you did but align the images to the left?
derricksrandomviews Posted April 22, 2020 Posted April 22, 2020 Really nice use of Avenue, congrats on a good looking site, one of the best using Avenue I have seen yet. I have two sites using that template. my random views derrick Lee parker Deer Creek Motorcoach Resort Virginia Your site proves that Avenue is still very versatile.
tuanphan Posted April 22, 2020 Posted April 22, 2020 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? 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!)
derricksrandomviews Posted April 30, 2020 Posted April 30, 2020 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.