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 6 years, 4 months ago ago by Olga Barlow

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
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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Home Decor Store – WordPress WooCommerce Theme

lazy-placeholder

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Language Courses – 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.