Dawn Theme : Center title & price on featured collection

MaxCosta
Trailblazer
161 0 50

Hello to the entire Shopify Community!

 

I am unable to center certain elements of my site. Could someone help me?

My website: https://72yepbq5zmsr228q-56864440516.shopifypreview.com

Here are the elements that I would like to center:

 

- title & price (collection/home page) below products

- "View my prints in 3D. Project it into space with AR." text (on my homepage)

- footer (on mobile)

 

Thank you so much in advance,

Have a great day,

 

Max COSTA

dmwwebartisan
Shopify Partner
9194 2128 2900

@MaxCosta 

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

 

.card-information__wrapper>* {
    text-align: center !important;
}


.card-information__wrapper>.price {
    text-align: center !important;
    display: block !important;
}

@media screen and (max-width: 749px){
.footer__content-top.page-width {
    text-align: center!important;
}

.footer-block__details-content .list-menu__item--link {
    display: block;
    margin: auto;
    text-align: center;
}
.footer-block.grid__item {
    text-align: center;
}
}

 

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 →
0 Likes
JHKCreate
Shopify Partner
2810 480 686

Hi @MaxCosta 

Please add the following code to your component-card.css file:

.card-information {
    text-align: center;
}

.card-information__wrapper>:not(.visually-hidden:first-child)+:not(.rating) {
    text-align: center;
    margin: auto;
    display: block;
}

.title-wrapper-with-link.title-wrapper--self-padded-tablet-down {
    text-align: center;
    margin: auto;
    display: block;
}

@media screen and (max-width: 749px)
{
.footer__content-top.page-width {
    text-align: center!important;
}

.footer-block__details-content .list-menu__item--link {
    display: block;
    margin: auto;
    text-align: center;
}
.footer-block.grid__item {
    text-align: center;
}
}

That should do it! Should that be all, we always appreciate a like & mark as answer to let the community find quality answers faster. Thanks!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes