Return to previous page

Legenda: transparent header - by julien - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

  • Avatar: mycosycocoon@gmail.com
    julien
    Participant
    April 13, 2020 at 16:16

    Hello,

    Is it possible to have with the legenda theme a gray header transparent at 50% instead of completely transparent?
    I would also liked the top bar to be as transparent if possible

    as this site https://advicareonline.com/shop/

    Thanks for your help

    #233384 Copied Theme version: Legenda v.4.2.1 WooCommerce version: Version 4.0.1
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 13, 2020 at 17:44

    Hello,

    Add the following code to Theme Options > Custom CSS

    .header-type-4.transparent {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

    Regards

    #233400 Copied
    Avatar: mycosycocoon@gmail.com
    julien
    Participant
    April 13, 2020 at 19:37

    Hello,
    Thanks for your reply olga,

    Is it possible to reduce the height of the header ?
    Also is it possible to make the menu bare transparent and reduce its height?

    http://www.mycosycocoon.fr/wp-content/uploads/2020/04/support.png

    Regards,

    #233415 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 14, 2020 at 14:24

    Hello,

    Use the following styles 

    .header-type-4 .main-nav .double-border {
    padding: 10px 0;
}
.fixed-header {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 2px 0px;
}

    Regards

    #233456 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.