How can I center the product title and pricing to the product photos on my website?

Excursionist
30 0 8

I did some research online, and I found this code...

text-align:center;

}

.price{

display:flex;

justify-content:center;

}
.price{

display: block;
text-align:center !important;
}

 

However, It centers both to the middle. Yet they are not centered perfectly with eachother. 

Screenshot 2020-12-05 at 10.06.39 AM.png

 

 
0 Likes
Shopify Partner
1488 148 208

@jfranklyn - please share this page link, I will let you know the exact css, if you want you can contact me or share here.

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Shopify Partner
1488 148 208

@jfranklyn - this is going to login page

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Excursionist
30 0 8

the page isnt live yet the password is "skawge"

0 Likes
Excursionist
30 0 8

i updated the site.. it is jadoredbyjody.com password "skawge"

0 Likes
Shopify Partner
3669 817 1009

@jfranklyn 

Please add the following code at the bottom of your assets/theme.css file.

.price__regular, .price__sale, .price dd{
margin: 0px !important;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Excursionist
30 0 8

thank you, it worked perfectly for everything except when you click on the actual product. Screenshot 2020-12-06 at 3.18.34 PM.png

is there a code to center the price from here as well?

0 Likes