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

[jfranklyn]

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. 

[suyash1]

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

[jfranklyn]

https://jadored-by-jody-beauty.myshopify.com/admin/themes/116072972447/editor?previewPath=%2Fcollect...

[suyash1]

@jfranklyn - this is going to login page

[jfranklyn]

the page isnt live yet the password is "skawge"

[jfranklyn]

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

[dmwwebartisan]

@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! 

[jfranklyn]

thank you, it worked perfectly for everything except when you click on the actual product. 

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