Debut Theme - Center Text Align PRICES for Recommended Products

Solved
Highlighted

Hello,

 

It seems that my prices aren't center-aligning under the recommended product images.

The titles are aligned perfectly.

Screen Shot 2020-04-02 at 4.31.48 PM.png

Thoughts on how to fix?

 

Store link, hover for password.

Working with small businesses to establish branding, online presence, and strategy for marketing and operations.
0 Likes
Highlighted

This is an accepted solution.

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product-recommendations__inner dl.price {
    display: block!important;
}

Please share your site password for more help.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted

Thank you!!

I ended up adding in a text-align code to your code and it's perfect.

 

Final code added:

.product-recommendations__inner dl.price {
    display: block!important;
    text-align: center;
}

 

Working with small businesses to establish branding, online presence, and strategy for marketing and operations.
0 Likes
Highlighted
Tourist
16 0 0

Hi, I have been having trouble centering my price, would u mind helping? I've tried many codes already. see below 4 url

 

 

url:

https://mountmariah.myshopify.com/collections/swimwear

0 Likes
Highlighted
New Member
4 0 0

I trying is not working for me?

0 Likes
Highlighted

Hello aleaser81,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Hi OSC professional

 

this the link 

https://www.kojak.ae/

0 Likes
Highlighted

For Recommended Products
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

.product-recommendations__inner .h4.grid-view-item__title.product-card__title {
    text-align: center;
    display: block;
}
.product-recommendations__inner .price.price--listing {
    align-items: center;
}
.product-recommendations__inner .price__regular, .price__sale {
    margin-right: 0px;
}
.product-recommendations__inner .price dd {
    margin-right: 0px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Hi OSC professional

The proplrm I cant see that folder inside the Themes folder Assets I can't find theme.css.liquid that what I told the Shopify Team 🤨

 

Screen Shot 2020-10-23 at 3.03.29 PM.png 

0 Likes
Highlighted

@aleaser81 Looks like your theme.css.liquid file is two below "Assets," right underneath gift-card.css.liquid

Working with small businesses to establish branding, online presence, and strategy for marketing and operations.
0 Likes