How can I center the price and add a drop shadow to the main image on my product page?

Store Design
1

I have this site almost ready to go, just wanting to adjust two items. On the product page, the title is centered and the price isn’t, I’ve centered the price on all the other elements/sections but not this one. Is there any code I can add to make it work? I’ve tried all the ones I’ve found on previous discussions.

https://1j7xbjn73yir1bw5-8555102289.shopifypreview.com

The second thing, is there a way to add a drop shadow just to the main image on the same product page here. I’ve tried other code injections and they add it to all the images. I’m wanting to just isolate the main product image on all product pages.

Thanks!

2

@BreCreative

  1. Go to your store Assets > theme.css or theme.css.liquid and paste the lines at the bottom of the file
.product-single__meta .price {
    align-items: center;
}
.product-single__media {
box-shadow: 0 15px 45px rgb(28 64 76);
}

Savior_0-1643779689938.png
Savior_0-1643779689938.png1323×708 195 KB

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on mail | Shopify Design Changes | Custom Modifications In to Shopify Theme

3

That worked amazing! Is there any way to get the shipping policy to center underneath the price too?

4

@BreCreative

Please add this

.product__policies.rte {
    text-align: 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 mail | Shopify Design Changes | Custom Modifications In to Shopify Theme