Aligning product price in product page, and removing overlays

[mf2014]

Hi there,

I was hoping you’d be able to help me with a couple of things i am having a problem trying to solve.

1. I have centred the product name on the product pages, and have been to trying align the price so it sits directly underneath but am having no luck with it. Is there a way to do this?

2. Is there a way to remove all of the coloured overlays that show on the pictures?

Your help would be greatly appreciated, many thanks.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

body.single.single-product div.summary div p.price{width:92%; text-align:center;}
figure .overlay{display:none !important}

Thanks 🙂
With Best Regards
Swift Ideas

[mf2014]

Perfect, thank you again for you help.

And sorry to be a pest but could i also get the css for aligning the product title directly above the price centered also.

I had used:

.woocommerce div.product .entry-title {
display: block;
float: right;
width: 38%;
text-align: left;
font-size: 26px;
margin-bottom: 30px;
}

To display it where it is but it isnt centering properly.

Thanks again for your help 🙂

[Mohammad – SUPPORT]

Hi,
I am not getting you exactly. Please explain issue with marked screenshot.
With Best Regards
Swift Ideas

[mf2014]

Sorry!

Here is the screenshot below.

It is basially the same issue as the first one but this time trying to align the product title in the center instead of the price.

Many thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Pleas remove that one code use this one new code-:

body.single.single-product div.summary div p.price{width:100%; text-align:center;}
figure .overlay{display:none !important}

Hope that should work fine.
Thanks 🙂
With Best Regards
Swift Ideas

[mf2014]

Hi there,

I removed that code, and used the one provided how the product title is no longer showing?

Attachments:

You must be logged in to view attached files.

[mf2014]

I removed that code, and used the one provided however the product title is no longer showing?*

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I made some changes so please check and let me know your feedback.
Thanks

[mf2014]

Thank you so much for your help, however the product title still doesn’t seem to be aligning with the centered price as it is still located just to the right of it.

Please see attached image

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please just check it now.
Thanks 🙂
With Best Regards
Swift Ideas

[mf2014]

Amazing!!

Thank you again for the help.

Have a good day 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Swift Ideas