Collection Image Text Debut Theme

Solved
Highlighted
Tourist
6 0 2

Hi,

I'm currently using Debut theme. I was wondering if you could help me setup my collection image text.

I created my collection pages and the text is showing in the center of the image. I want the text to be on the right hand side. 

Secondly, could also teach me how to add the View Products clickable text in my collection image please.

Thank you so much!

Shopify Question1.png

0 Likes
Highlighted
Trailblazer
190 31 40

Hi @teenbue 

Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
Highlighted
Tourist
6 0 2

Hi,

here's my store name https://depotmaze.com/

Thank you so much!

0 Likes
Highlighted
Trailblazer
190 31 40

This is an accepted solution.

Hi @teenbue

You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.collection-grid-item__title {
    top: auto;
    bottom: 0;
    text-align: left;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: none;
}
.collection-grid-item__title.h3:after {
    content: 'view Product';
    display: inline-block;
    font-size: 50%;
    padding: 10px 20px;
    margin-top: 10px;
    border: 1px solid red;
}

 

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
Highlighted
Tourist
6 0 2

 

Hi Michael,

Thank you so much! Appreciate it!

It's working

0 Likes