Home Forums Basel – Premium Template Wine Shop Demo

This topic contains 7 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 days, 3 hours ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #215360

    Wine Shop Demo

    Private Content Hidden
    #215378

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Do you want to install the demo on the existing site? If so, please note, uploading demo with rewrite the theme settings.

    Here is the detailed instruction on how to upload the demo: https://xtemos.com/docs/basel/installation-process-2/

    If you still need help, please provide your site admin access to the private area I will help.

    Best Regards

    #215623

    Hi Elise,

    Thanks for your fast reply.
    The demo is to install in the existing site, where can i download the wine shop demo package?

    Thanks,
    Sandro

    Private Content Hidden
    #215684

    Hello,

    You can upload the demo in Basel > Import https://prnt.sc/trqmr3 Please read and follow the instruction https://xtemos.com/docs/basel/installation-process-2/

    Best Regards

    #216275

    Thanks for the help, its installed. 😉
    How can i change the top bar color after start scrolling, stays black and sticky on the top?
    Also, can i change the color of the bar that shows up in the bottom of the product image in the catalogue on mouseover? Where i can buy/compare/Quick View…

    Thank you!
    Sandro

    Private Content Hidden
    #216307

    Hello,

    I suggest your custom CSS for the sticky header and all the elements, chose what you need, change the color and you can use.

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

    body.woocommerce .sticky-header.act-scroll {
        background-color: yellow;
    }
    body.woocommerce .sticky-header.act-scroll {
        background-color: yellow;
    }
    body.woocommerce  .sticky-header.act-scroll .menu>li.current-menu-item>a{
    color:red;
    }
    
    body.woocommerce  .sticky-header.act-scroll .menu > li > a{
    color:green;
    }
    body.woocommerce  .sticky-header.act-scroll .menu > li > a:after{
    color:green;
    }
    
    body.woocommerce .sticky-header.act-scroll .menu > li > a:hover{
    color:red;
    }
    body.woocommerce .sticky-header.act-scroll .right-column > .search-button a{
        color: red;
    }
    body.woocommerce .sticky-header.act-scroll .right-column>div>a {
        color: red;
    }

    You can find the settings you mention in the Theme Settings > Shop page.

    Best Regards

    #216531

    Hi Elise,
    Maybe i didn’t explain correctly.
    I send two imagens attached explaining what i need.
    1 – Changing the color of the top menu bar after scrolling, keeping the slightly transparent effect if possible. I paste the codes you sent but it doesnt work.
    2 – Also changing the color of the bar that appears when mouse over a product, keeping the slightly transparent effect if possible. I search inside the Theme Settings > Shop page but i couldnt find any option for this.
    Thanks,
    Sandro

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #216577

    Hello,

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

    body .main-header.header-has-no-bg.color-scheme-light.act-scroll {
        background-color: red;
    }
    body .main-header.header-has-no-bg.act-scroll {
        background-color: red;
    }

    This is for the sticky header: https://prnt.sc/tubfx7

    and this one for the add to cart button: https://prnt.sc/tubguj

    body .basel-hover-base .hover-mask {
        background-color: red;
    }

    Best Regards

    • This reply was modified 3 days, 3 hours ago by Elise Noromit Elise Noromit.
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.