Solved

Centering "SOLD OUT" card within Dawn theme

NewYukCity
Tourist
4 0 1

Hello Shopify experts

 

I am trying to center this "SOLD OUT" card that appears below my products. It would be awesome if it followed the centering of the product name and price. Thank you in advance for any help!

 

NewYukCity_0-1717217736061.png

 

Accepted Solution (1)

kaiyaa
Explorer
246 19 24

This is an accepted solution.

Hello @NewYukCity 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.card__content .card__badge.bottom.left {
    justify-self: center;
}
</style>

 If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me

View solution in original post

Replies 6 (6)

NewYukCity
Tourist
4 0 1

OHHH. And my site is newyukcity.com for reference. Sometimes I see that folks ask for the URL. 

kaiyaa
Explorer
246 19 24

This is an accepted solution.

Hello @NewYukCity 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.card__content .card__badge.bottom.left {
    justify-self: center;
}
</style>

 If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
NewYukCity
Tourist
4 0 1

This one worked! Thank youuuu!

PageFly-Henry
Shopify Partner
1136 322 276

Hi @NewYukCity 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.collection__title.title-wrapper {

    text-align: center !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Henry
Shopify Partner
1136 322 276

Also, I think you can make the titles stand out more by setting the font weight to bold and changing the color so that users can easily see your collection.

PageFlyHenry_0-1717231242351.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

NewYukCity
Tourist
4 0 1

That's an awesome piece of advice! Thank you. Will definitely aim to do this. Thanks a ton!