I tried to create a new layout for my website and select the mega-electronics template when creating the layout but the result doesn’t match the template. The background colors are different in my layout, the BG color is gray while it is white in the template. Please check the attached screenshot for more information.
Right now the gray color comes from the “Product archive background” field (Theme Settings -> Styles and colors -> Pages background: https://take.ms/ZRsXTq), but if you want to override it, you need to set the white color for the “Single product background” field: https://take.ms/eyYTM , then you will have the white bg color on the product page.
After unsuccessfully attempting to edit the colors, I installed a fresh website and discovered that the default layout looks good. However, when creating a new single product layout, the colors appear different. How can I duplicate the default “single product layout”?
Yes, the image you shared is what I want. However, if I create a new layout for a single product, it will have a different appearance. The “Specification and Description” sections will have a gray background, like the image you attached.
By default, all our demos have a white background, therefore if you import the page with the bg color like in the demo, you will not see any background color. In general, if you want to change or adjust there the bg color as you want, just let me know and I will tell you how to adjust it.
In other words, this is how mega electronics work and it is ok.
.
