Single Product Page

Hello,

Please refer to the attached images for design request on the single product page.

Regards

Missing image attached!

Attachments:

You must be logged in to view attached files.

Hello,

You can set the layout globally for all the pages. It is not possible to set full-width for product pages and another layout for the rest. The layout is configured in the Theme Settings > General layout.

Best Regards

Hello,

Sorry for any confusion as it’s clear that you haven’t understood the request provided in image.

I’m not asking for the single product page to be set to full width- I need for the content to be left and right align with the header.

I would like to remove the ‘padding/margins’ that’s clearly on the ‘left and right’ of the page content so that the product thumbnails can be left-align with category menu and for the same alignment on the right.

Regards.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.single .container-fluid {
    padding-left:0!important;
	  padding-right:0!important;
}
body.single .site-content {
    padding-left:0!important;
	  padding-right:0!important;
}
body.single .site-content .single-product-page .container{
    padding-left:0!important;
	  padding-right:0!important;
	width:100%;
		margin-left:0!important;
	   margin-right:0!important;
}

Enter each product and set the full-width for rows without paddings.

Best Regards

Thank you.

Regards.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

Hello,

Can you provide the status on the 2 pending design issues outlined in the previously provided image?

Regards.

Hello,

Have you inserted the code? Does it work?

There are paddings in the Product description tabs, you need the width of the rows full width.

Please clarify the problem once again.

Best Regards

Hello,

Confirming that the solution you have provided works fine for the first issue annotated in the image.

However, the 2nd and 3rd annotations are still pending.

Thanks.

Hello,

I cannot log in to your site.

As for the second, I have described the way to correct: enter each product page and set full width for each row without padding.

I am testing the code and I see it works https://gyazo.com/ebb20ce08a60dd8c9bbf92079bcf0a9b

Best Regards

Hello,

Please find attached images of the 2 outstanding issues for which I’m referring.

Regards

Attachments:

You must be logged in to view attached files.

Hello,

I do not see the code added as I wrote https://gyazo.com/313576ba33805c0694ac5b7d73269640

Please add this code to the Theme Settings > Custom CSS > Global:

body.single .container-fluid {
    padding-left:0!important;
	  padding-right:0!important;
}
body.single .site-content {
    padding-left:0!important;
	  padding-right:0!important;
}
body.single .site-content .single-product-page .container{
    padding-left:0!important;
	  padding-right:0!important;
	width:100%;
		margin-left:0!important;
	   margin-right:0!important;
}

Enter each product and set the full-width for rows without paddings.

Best Regards

Hello,

I’m confuse as to what you’re referencing as the code was/is added as the Custom CSS. However, that code doesn’t address the issues I have provide in the last 2 screen shots.

—-
1. Changing ing the background color of the row that contains the “DESCRIPTION, SHIPPING & DELIVERY ETC’
2. The color of the price range for variant products is incorrect when displayed on the single product page. [All price colors shown in product grids should be blue, and not a combination of blue and red]

Regards.

Hello,

I’m not asking for the single product page to be set to full width- I need for the content to be left and right align with the header.

Here is the image of your header: https://prnt.sc/qseso8 Now the content of the product page is the same as the header content.

The header block, however, is full width. I have provided the code which would make the content full-width without paddings. Please clarify your purpose once again.

Best Regards

[Author]

Posts