Return to previous page

Layout & Color Change Options Unavailable

This topic has 4 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Rose Tyler

yuvi

Participant

June 26, 2023 at 07:09

I want to control the width of the single product page but it seems there is no option to do that. I have checked all documentation and video tutorials around it. Also dug myself to fix it. But it doesn’t seem to work. THe full width is disabled yet it is all full-width.

I also wanted to change the color of the top section and there seems to be no option to do that.
Also need to change the color on the tabs on the single product page listing. Can’t identify where is the option to do it. Your documentation also don’t have any such explanation. I am using the Kids Toy Store as the base Demo content and design.

Please let me know how I cant make these changes without making any custom changes to the code or editing the child theme.

#360253 Copied Theme version: 5.1.7

3 Answers

Rose Tyler

Support staff

June 26, 2023 at 07:24

Hello, Yuvi,

Thank you for contacting us and for using XStore.

1/ We’ve checked your single product page and it is not full-width right now.
You can change the site width via Theme Options > General. Please check the screenshot in the Private content area.

2/ “I also wanted to change the color of the top section and there seems to be no option to do that. ” – please provide a screenshot of the mentioned section for a better understanding of your request.
You can use Lightshot screenshot or Gyazo tool to make screenshots and share the links here, or you can use a file-sharing service such as WeTransfer https://wetransfer.com/ to upload ready photos there and provide us with URLs.

3/ Edit color via Theme Custom CSS. Please check the screenshot in the Private content area.

We hope this information is helpful.

Kind Regards,
8theme team

Please contact administrator
for this information.

#360260 Copied

yuvi

Participant

June 26, 2023 at 08:45

1. I want to change the width of the Body container only. The Header and Footer sections will be Full Width as they are right now. Not sure how to do that. When I change width it changes for everything and kinda breaks the look of the page.

2. Yes, here is the section I want to change the color of. It is somewhat light pink. Want it to be white. I have tried inside the Header Builder etc. But the color seems so. No cache plugins or anything. (See screenshot in private area)

3. Thanks. Exactly what I was looking for. Please help with the above two things.

Regards

Please contact administrator
for this information.

#360278 Copied
Rose Tyler

Support staff

June 26, 2023 at 12:59
Hello, Yuvi,

Thank you for your response.

1/ Try to use the next custom CSS code to change the width:

body .content-page { max-width: 1240px; }

2/ Edit page using Elementor > change settings for the first section – https://prnt.sc/INrBR1FIhoYb

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team
#360322 Copied
Viewing 4 results - 1 through 4 (of 4 total)