Dawn Theme : Center title & price on featured collection

Store Design
1

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

1 Like
2

@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;
}
}
1 Like
3

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!

1 Like
4

Worked a treat, thank you!

5

Hello, i entered the code you provided that worked for others but whenever i add it, the price and sales price stay pushed to the left like this. I’m using the same dawn theme as well.

Screen Shot 2022-01-23 at 9.49.15 PM.png
Screen Shot 2022-01-23 at 9.49.15 PM.png1208×658 87 KB

6

Hi @Ricardo760

Would you mind sharing your store’s URL so we can provide the appropriate code for that?

Cheers

7

Store is @adealify.com

password: woklay