Return to previous page

Changing background color and padding for alternating sections on home page (Electronics Mega Market

This topic has 9 replies, 4 voices, and was last updated 2 weeks, 1 day ago ago by Tony Rodriguez

Simon

Participant

January 12, 2026 at 05:31

Hi, I am changing the order of the sections on the home page that alternate grey / white, and I have 2 problems:

1) Background color full width issues: I can copy the grey background color and apply it to a previously white section (see slider as first section on home page) but I cannot work out how to make the background color go full width like the original first section.

2) Grey Section padding: I also notice that the original grey sections seem to have slightly less padding at the top (I assume for the first section so it’s closer to the menu bar) but I don’t know how to change the padding so they are consistent.

I want to keep the grey section backgrounds full width, and alter the padding, but I want to do this to any section order I change, can you please help? Thanks

#464066 Copied

8 Answers

Samir Malik

Support staff

January 12, 2026 at 06:41

Hello,

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best Regards,
8Theme’s Team

#464067 Copied

Simon

Participant

January 12, 2026 at 08:39

I have sent your details as per request privately

Please contact administrator
for this information.

#464074 Copied

Jack Richardson

Support staff

January 12, 2026 at 09:55

Hello @Simon,

As you can see, the full-width section uses custom CSS that allows it to stretch without the need for additional JavaScript scripts: https://prnt.sc/cPHXvSFHhjOo. We have applied the same custom CSS to the first section, and it is now stretched as well: https://gyazo.com/d6f8016067f4280398f4618a247ed07a.

Best regards,
Jack Richardson
The 8Theme’s Team

#464078 Copied

Simon

Participant

January 12, 2026 at 10:39

Thank you, i will be able to copy the css then.

What about the padding (top / bottom). On the original template the grey section with the 3 columns is very close to the header menu, yest when I put the slider section at the top there is a big white space of padding between it and the header menu. Is that part of that same custom css, can I reduce that padding?

#464079 Copied

Jack Richardson

Support staff

January 12, 2026 at 12:44

Hello @Simon,

Many sections on pages have custom margins or padding. If you would like to adjust the order of certain sections, you can also modify their margins as shown here: https://prnt.sc/zChXIfOXae9y. You may either set the value to 0 or clear the input fields to reset them.

Best regards,
Jack Richardson
The 8Theme’s Team

#464083 Copied

Simon

Participant

January 13, 2026 at 01:55

Perfect, everything solved, thank you, great support!

#464117 Copied

Simon

Participant

January 13, 2026 at 01:55

Thanks for the support! My topic “Changing background color and padding for alternating sections on home page (Electronics Mega Market” has been successfully resolved.

#464118 Copied

Tony Rodriguez

Support staff

January 13, 2026 at 01:55

Dear Simon,

We really appreciate your time and engagement within the WordPress & WooCommerce community

Your feedback drives every improvement we make in XStore — helping us deliver a smoother and more flexible experience with each update.

Leave Feedback →
(takes less than a minute)

Your input makes a real difference.

Topic closed.
The 8Theme Team

#464119 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Changing background color and padding for alternating sections on home page (Electronics Mega Market’' has been successfully resolved, and the topic is now closed for further responses

Changing background color and padding for alternating sections on home page (Electronics Mega Market

Explore our best WordPress WooCommerce Themes collection