Dawn Theme : Center title & price on featured collection

MaxCosta
Shopify Partner
183 1 54

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

Replies 6 (6)
dmwwebartisan
Shopify Partner
10710 2339 3325

@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 →
JHKCreate
Shopify Partner
3451 620 875

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
Printworks123
New Member
1 0 0

Worked a treat, thank you!

Ricardo760
Tourist
5 0 2

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

JHKCreate
Shopify Partner
3451 620 875

Hi @Ricardo760 

 

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

 

Cheers

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
Ricardo760
Tourist
5 0 2

Store is @adealify.com 

password: woklay