How can i make brands in my home page to follow the setting at Shop page

Hello, how can i make the brand slider on my homepage to follow the one at my shop page

https://plastikpedia.id – no background
https://plastikpedia.id/shop/ – full width grey background

at shop page, how do i set the brands slider to display colour always?

Hello,

I visited the URLS you provided. If you want to add background to the brands slider you need to Go to Theme Settings >> Footer >> Pre-Footer area.
And Edit the HTML Block used there.

Screenshot for Clarification: https://www.screencast.com/t/hgXb3b3KR

Then you need to edit the HTML Block and add a background-color as you require. From Edit Row >> Design Options.

Screenshot for Clarification: https://www.screencast.com/t/izOqAufcEr1

It will change the background of the brands slider that is coming before the footer.

As for the homepage you want to display it without background-color then you need to edit the home page scroll to the bottom. Disable Pre-Footer area.

Screenshot for Clarification: https://www.screencast.com/t/mjxMVt2j

Then you need to add brands slider using the Wp-Bakery Brands Module at the bottom of the homepage.

Screenshot for Clarification: https://www.screencast.com/t/4xIf8Wn3

Best Regards.

hello, aizaz, thank you for your screenshots
I managed to enable prefooter.

There is a difference in white space gap above the prefooter area.
in home page they are larger gap compared to shop page.
attached is the image comparison

How can i make the gap to be the same / consisten.
Thank you
Joie

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome!!!.

I saw the screenshots you attached and visited the URL’s you provided. As far as you are using the prefooter module that displays the brands before footer on both pages. So the margins are set accordingly for both pages.

If you want to reduce the margins for one page but not for the other page you need to disable the prefooter area for the page and can use the Wp-Bakery page builder module Brands to display it according to your needs.

Screenshot for Clarification: https://www.screencast.com/t/PZOX1Vv9

And if you want to use the prefooter module. Then you need to add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

.home .site-content {
margin-bottom: 0 !important;
}

You can adjust the margins according to your requirements.

Best Regards.

[Author]

Posts