Home › Forums › Basel support forum › Header Background Colour and Products-and-Categories-Style

Header Background Colour and Products-and-Categories-Style

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 17, 2018 at 4:20 pm #77575

    cmheah
    Participant

    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.
    September 17, 2018 at 6:26 pm #77603

    Elise Noromit
    Member

    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

    September 18, 2018 at 4:38 pm #77816

    cmheah
    Participant

    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.
    September 19, 2018 at 6:07 am #77895

    Elise Noromit
    Member

    Hello,

    Please provide your valid site admin access.

    Best Regards

    September 21, 2018 at 8:00 am #78331

    cmheah
    Participant

    Hi

    Here is my access details

    September 21, 2018 at 8:27 am #78336

    Elise Noromit
    Member

    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

    September 21, 2018 at 8:57 am #78337

    cmheah
    Participant

    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.
    September 21, 2018 at 11:42 am #78348

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    September 22, 2018 at 5:07 pm #78505

    cmheah
    Participant

    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.
    September 22, 2018 at 7:52 pm #78527

    Elise Noromit
    Member

    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

    September 23, 2018 at 3:38 pm #78602

    cmheah
    Participant

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

    September 23, 2018 at 3:44 pm #78603

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Header Background Colour and Products-and-Categories-Style’ is closed to new replies.