How to allign collection titles with their photos

Store Design
1

Hi,

How can I allign these titles with their corresponding photo. Ideally in the center of the pictures. This is at my homepage. It should also be done at the collections page.

I am using the Retina theme.

Thank you so much!

2021-08-12 00_45_14-Christa Reniers Jewellery Designer.png
2021-08-12 00_45_14-Christa Reniers Jewellery Designer.png1536×726 99.9 KB

1 Like
2

@Elmo_CR

Please share your store URL.

3

hello @Elmo_CR

Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here.

4

Hi,

Yes ofcourse,

https://christareniers.com/ right below the first banner image.

and then also at https://christareniers.com/collections

Thank you in advance!

1 Like
5

@Elmo_CR

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

.thumbnail .info {
    text-align: center !important;
}

Hope this works.

Thanks!

1 Like
6

Hello Elmo_CR,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->style.scss.css

.featured_collections .thumbnail .info {
    text-align: center;
}
#shopify-section-list-collections-template .thumbnail .info {
    text-align: center;
}
1 Like
7

hello @Elmo_CR

please Go to Online Store->Theme->Edit code then go to assets/style.css ->paste below code at the bottom of the file.

.featured_collections .thumbnail .info {
    text-align: center;
}
#shopify-section-list-collections-template .thumbnail .info {
    text-align: center;
}
1 Like
8

Yes thats it!

Thank you all for the help!