[shelflockParticipant]

How can I edit the current product page layout so that instead of the current look, the video and images would be centered on the top while the product title and description would be centered below it.

Here is the link to the page in question.

http://shelflock.com/product/shelf-lock-shelf-guard-attachments-for-13-15in-width-medicine-cabinets-standard/

[ThaiModerator]

Hi there,
Thanks for writing in!
Try adding following CSS under Custom > CSS in the Customizer:

.single-product .product .images,
.single-product .product .summary {
width: 100%;
text-align: center;
}
.single-product .product .summary {
margin-top:25px;
}

Hope it helps.

[shelflockParticipant]

That centers the text and other information on the right side of the page. However I’m looking to have the video and images centered on the top and the information centered directly below.

[Paul RModerator]

Hi,

Sorry for the confusion.

You can add this under Custom > CSS in the Customizer.

.woocommerce div.product .images, 
.woocommerce-page div.product .images {
     	width: 48%;
     	clear: both;
     	margin: 0 auto;
}

.woocommerce div.product .summary, 
.woocommerce-page div.product .summary {
     	margin-top: 30px;
	float: none;
	clear: both;
	width: 100%;
}

Hope that helps.

[Juan BlancoParticipant]

Hello staff,

I would like to center the description of my product but some how is showing to the right on the desktop version and it looks great on the mobile version. any advise? here is an example:

http://jaerosolutions.com/product/pn-101233-101/

Thank you,

Juan

[Juan BlancoParticipant]

Hello staff,

i forgot to add that im using woocommerce.

Thanks,

Juan

[NicoModerator]

Hi There,

try adding this code in your customizer’s custom CSS:

.woocommerce div.product .summary, .woocommerce-page div.product .summary{
  width: 100%;
}

Let us know how it goes.

Thanks.

[Juan BlancoParticipant]

Thank you very much is working!

Juan

[RubinKeymaster]

You’re welcome!

[Author]

Posts