Header Background Colour and Products-and-Categories-Style

Hi

1) Header Background Colour
I try to change my mainpage transparent header to white colour after scroll down but I can’t find the setting to change it. But I able to change it to white at other page (contact page) as per attached.

2) Products and Categories Style
I want to have more options for my product hover as per video tutorial, but I can’t find the setting.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme settings > Custom CSS:

.home .main-header:not(.act-scroll) {
	background: #ffffff!important;
}

Navigate to the Theme settings > Shop and find Hover on product option http://prntscr.com/kvi00t

Choose and set.

Best Regards

Hi,

Thank for replying… The code provided is not what I want, what I want is before scroll, the home main header is transparent, and after scroll, the main menu become white colour and the Main Menu Navigation text become dark colour or black.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your valid site admin access.

Best Regards

Hi

Here is my access details

Hello,

The issue has been solved. This code has been added to the Theme settings > Custom CSS:

body .website-wrapper .main-header.header-has-no-bg.color-scheme-light.act-scroll {
    background-color: #ffffff!important;
}

And “Dark text” for Header has been set in the Home page. http://prntscr.com/kwyfcz

Best Regards

Hi, Thank for your help. The after scrolling version already correct, but I noticed before scrolling also changing already, for the before scrolling version I want maintain it as per previous version (as per attachment).

Attachments:

You must be logged in to view attached files.

Hello,

The code has been changed and the issue has been fixed. Please check now.

Best Regards

Yes, finally can make it. Thank for your help. By the way how to add the Facebook Like Box as per attached…

Attachments:

You must be logged in to view attached files.

Hello,

Please find the instructions on how to generate and add the code: https://developers.facebook.com/docs/plugins/page-plugin/

Navigate to Appearance > Widgets and insert the code via HTML widget http://prntscr.com/kxi59w

Best Regards

Thank for your help, The FB like Box problem is solved~

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts