Return to previous page

Header Opacity and Height - by gurhan - on WordPress WooCommerce support

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

  • Avatar: gurhan
    gurhan
    Participant
    August 10, 2018 at 05:26

    Regarding this white section in the header –> https://prnt.sc/kgvyoq

    1. How can I change the opacity?
    2. How can I change the height?

    Thank you.

    #197913 Copied
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 13, 2018 at 13:55

    Hello,

    1) Add the following code in child theme style.css and change alpha according to your needs

    .header-type-5.slider-overlap .header > .container {
    background-color: rgba(255, 255, 255, 0.5);
}

    2) Add the following code in child theme style.css and change top/bottom paddings

    .navbar {
    padding: 5px 0;
}

    Regards

    #197991 Copied
  • Viewing 2 results - 1 through 2 (of 2 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
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template

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.