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

Solved

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

BreCreative
Excursionist
40 0 13

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!

Accepted Solution (1)

Savior
Shopify Partner
537 108 161

This is an accepted solution.

@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

 


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

banned

View solution in original post

Replies 3 (3)

Savior
Shopify Partner
537 108 161

This is an accepted solution.

@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

 


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

banned
BreCreative
Excursionist
40 0 13

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

Savior
Shopify Partner
537 108 161

@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

banned