Dawn Theme : Center title & price on featured collection

[MaxCosta]

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]

@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;
}
}

[JHKCreate]

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!

[Printworks123]

Worked a treat, thank you!

[Ricardo760]

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.

[JHKCreate]

Hi @Ricardo760 

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

Cheers

[Ricardo760]

Store is @adealify.com 

password: woklay