problem of change color

I have two questions about color changes. First, on mobile, there’s a third color between the bottom and footer of the page, which looks awkward. But when I view the mobile version on a computer, there is no third color. What is the reason?How can I change the color between the bottom and footer? Please tell me where to navigate to do so. Second, how can I change the color of the check boxes in the side bar of the shop page? Currently, the check boxes are too dark, and the unchecked color is too dark to be seen.

[Hung Pham]

Hi qingpeisu,

Thanks for reaching to us and appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,
Hung PD

• This reply was modified 1 month, 1 week ago by Hung Pham.

Hi.

When I started the topic, I added my website and login information in the private content. You can check it again.

Thanks a lot.

Hi qingpeisu,

1. Prefooter

You can edit the page > scroll down to Page Settings > Footer tab > and enable the Disable prefooter option as well for specific pages: https://xtemos.com/docs-topic/options-for-pages/

2. Checkboxes

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.widget_layered_nav ul li a:before {
    border-color: #fff;
}

Regards,
Hung PD

Thank you for your response. I have two related questions that require your assistance.

1. color modification of the line between the two widgets in the Shop filter
There is a line between the two widgets in the Shop filter, as indicated by the red box in the image. Because the line is too dark, it may not be visible in the image. How can I change the color of this line?

2. Remove Prefooter from the page created via “Woodmart – layout”
Following the method you provided, I have removed the prefooter on other standard pages. However, I don’t see any way to disable the prefooter on the pages I created using Woodmart Layout. Is there any other method? Thank you very much.

The login details are provided in the private content.

Best regard.

Attachments:

You must be logged in to view attached files.

Hi qingpeisu,

Thanks for your patience.

Admin details are incorrect, please double check. https://ibb.co/9kTvSw32

Regards,
Hung PD

Hi, sorry for the mistake. The correct detail is submitted.

Hi qingpeisu,

Thanks for details.

1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.widget {
    border-bottom-color: #fff;
}

2. I checked the pages that created by WoodMart Layout and didn’t see Prefooter, please let me know or give me mentioned urls.

Regards,
Hung PD

Hi, the area I circled has three colors: the pure black of the page, the color of the footer, and the color of the prefooter. You can view the image I uploaded on your phone. Due to the resolution, it is not visible on a computer (at least not on my computer), but it is very obvious on the phone.

Attachments:

You must be logged in to view attached files.

And all of my product detail pages are created using “woodmart – layout”. You can randomly enter a product on your phone to view the bottom of the detail page.

Hi qingpeisu,

Thanks for details.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-prefooter {
    padding-bottom: 0;
}

Regards,
Hung PD

[Author]

Posts