Return to previous page

Changing the background colors of the website pages?

This topic has 4 replies, 2 voices, and was last updated 10 months, 3 weeks ago ago by Rose Tyler

GTP

Participant

January 2, 2024 at 18:34

Hello 8theme team,

1) How can we change the background colors of blocks on the pages on X-Store, such as the home page.

For example, have one section white and the next section black.
Will this be done via Elementor? We cannot find how to do this. Can you perhaps share a screenshot?

Screenshot = https://prnt.sc/uhmwTWXMC0ny
Once section is white, and the next is black.

2) Can we add different blocks (images) on top the background to give it a color effect by using an image?

For example – have a transparent image of clouds on top of a black colored background.
Please see PCA.

Thanks!

Please, contact administrator
for this information.

#378356 Copied Theme version: 9.2.5

3 Answers

Rose Tyler

Support staff

January 3, 2024 at 13:57

Hello, GTP,

Thank you for contacting us and for using XStore.

1/ To change the background colors of different sections on your pages, you can indeed use Elementor. Here’s how you can do it:
– Open the page you want to edit with Elementor.
– Click on the section you wish to customize.
– In the Elementor panel on the left, navigate to the ‘Style’ tab.
– Under ‘Background’, you can choose the ‘Classic’ background type and then select the color you desire for that section.

Please read more – https://elementor.com/help/create-background/

2/ To overlay different blocks or images with a color effect, you can use the following method:
– Select the section where you want to add the image.
– Go to the ‘Style’ tab in the Elementor panel.
– Under ‘Background Overlay’, click on the ‘Add Item’ button.
– Choose the image you want to overlay, such as your transparent clouds image.
– Adjust the ‘Opacity’ to get the desired effect on top of your background color.

Should you require further assistance with these features, we recommend contacting Elementor’s support team.

Best Regards,
8Theme’s Team

#378433 Copied

GTP

Participant

January 4, 2024 at 17:00

Hi Rose,

Thanks for your reply.

3) Can we also make sections of the websites, with just videos?

Meaning have a whole section/block of the website to show a video playing in the background automatically on loop (without the need to press play/or have options to close it down etc.)?

So once someone comes on a specific webpage, the video just plays automatically and is on a loop?

4) Can we add shapes/different dividers between the block as well? Not sure what this would be called exactly

Please see PCA.

Thanks!

Please contact administrator
for this information.

#378595 Copied

Rose Tyler

Support staff

January 5, 2024 at 14:17

Hello, GTP,

Thank you for getting in touch with us.

3/ For an introductory understanding of the background video settings in Elementor, we kindly ask you to read the following article: https://elementor.com/help/section-background-video-options/. For further videos, you may find a wealth of resources online by utilizing a Google search.

4/ As for the example you have mentioned, we are uncertain about the specific method used to create it. However, we hope that you will find the following article beneficial: https://elementor.com/help/shape-divider/.

We trust this information will assist you in your endeavors.

Best Regards,
8Theme’s Team

#378727 Copied
Tagged: background color change, best selling themes, customizable woocommerce themes, web page customization, website design, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)