Align text with image

Solved
Highlighted
Tourist
14 0 4

Hello all,

I am still on the trial version of Shopify. I was testing to add a product and I have a question.

How can I align the text with the image.

Now it looks like this:

fsdfsdfdsf.png

Debut theme.

0 Likes
Highlighted

Hello Petya,
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
Tourist
14 0 4

Hi,

Here is the url and the password:

https://www.thetoysisland.com/password

the password is: oldear

Thanks.

0 Likes
Highlighted

This is an accepted solution.

Hello Petya,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.h4.grid-view-item__title.product-card__title {
    text-align: center;
    display: block !important;
}

.price.price--listing.price--on-sale {
    align-items: center;
} 

 

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
1 Like
Highlighted
Shopify Partner
4691 695 1472

@Petya 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-card {
text-align: center;
.price {
align-items: center;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
14 0 4

Hello,

I tried the code from @oscprofessional

0 Likes