How can I center titles and images on Venture Theme collection page?

Store Design
1

Hi,

I’d like to center the title, and also the images on the collection page. Please see a screenshot below of the desired outcome:

tempsnip.png
tempsnip.png1335×549 92 KB

Website: www.pillarstore.co.uk

Password: Password

Thanks!

2 Likes
2

@BG10

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-collection .grid.grid--no-gutters.grid--uniform{
display: flex !important;
justify-content: center;
}

This works for products not for heading. For the heading will have to do little bit of customization.

1 Like
3

@BG10

sorry for that issue

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
header.grid.medium-up--grid--table.section-header.small--text-center {
    position: relative;
}
.grid__item.medium-up--one-half.section-header__item {
    width: 100%;
    text-align: center;
}
.grid__item.medium-up--one-half.medium-up--text-right.section-header__item {
    position: absolute;
    right: 0;
}
.grid.grid--no-gutters.grid--uniform {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
}
1 Like
4

Thanks for the above the code solved it perfectly!

1 Like
5

@BG10

its my pleasure to help us