Collection List - Dawn 2.0

Solved
MikeBaguyo
Excursionist
45 0 16

Hi! Just a curious question. I'm using Dawn 2.0 theme. 

 

Can the Collection List of Dawn 2.0's Homepage be a full section width as well?

 

MikeBaguyo_0-1636106552578.png

 

Above screenshot is from Dawn, below screenshot is from Narrative:

 

MikeBaguyo_1-1636106590833.png

 

And is it possible that the text in Dawn's Collection List will look like that as well? I mean it's on the center and on the image and not below the image? It's just so beautiful and neat looking that's why I want to know if it is possible.  

 

Just wondering. Thank you!

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9723 2221 3050

This is an accepted solution.

@MikeBaguyo 

Add code Your assets/component-card.css bottom of the file. 

@media screen and (max-width: 749px){
.card--media .card__text-spacing {
    top: 50% !important;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    background: transparent !important;
}
}

@media screen and (min-width: 750px){
.card--media .card__text-spacing {
    top: 50% !important;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    background: transparent !important;
}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
9723 2221 3050

@MikeBaguyo 

Please share store URL of dawn theme 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
MikeBaguyo
Excursionist
45 0 16

@dmwwebartisan 

Oh forgot about that sorry.

chrisandleon.com

dmwwebartisan
Shopify Partner
9723 2221 3050

This is an accepted solution.

@MikeBaguyo 

Add code Your assets/component-card.css bottom of the file. 

@media screen and (max-width: 749px){
.card--media .card__text-spacing {
    top: 50% !important;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    background: transparent !important;
}
}

@media screen and (min-width: 750px){
.card--media .card__text-spacing {
    top: 50% !important;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    background: transparent !important;
}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

MikeBaguyo
Excursionist
45 0 16

@dmwwebartisan 

Hi! Thank you for this! The full section didn't work tho but the text to be at the center worked. Thank you so much!!!