Return to previous page

Header padding & Header opacity - by awdigital

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

awdigital

Participant

December 23, 2016 at 07:27

HI,

> How do I reduce the padding for the header?
> How do I adjust opacity/ transparency of header background?

Thanks!

#149985 Copied

10 Answers

Olga Barlow

Support staff

December 26, 2016 at 10:04

Hello,

1) What type of header do you use? Could you provide me link to your site and I’ll send you the custom CSS.
2) Go to Theme Options > General > Header settings http://prntscr.com/dnyiav

Regards

#150146 Copied

awdigital

Participant

December 27, 2016 at 10:14

Please see website link in private content. Thank you.

Please, contact administrator
for this information.

#150271 Copied

awdigital

Participant

December 27, 2016 at 12:50

Hi,

Please see admin panel details in ;private content for the following:

1. Header padding reduction.
2. Header transparency. I have checked the b ox for transparent but the header hint changed even after clearing cache.
3. The banner on top every page – Hopw do I change the banner colour etc (currently default red). Also for some reason there is an image of one the products overlaying on the banner.

I look forward your advice for the above.,

Thank you.

Please, contact administrator
for this information.

#150285 Copied
Olga Barlow

Support staff

December 27, 2016 at 17:23
Hello,

1) Add the following code in Theme Options > Styling > Custom CSS
```
.header-wrapper header > .container .container-wrapper {
    padding-top: 1.14em;
    padding-bottom: 1.14em;
}
```
2) It’s transparent but background color for the whole site is white. If you enable Header overlaps the content option in Theme Options you’ll see that header is transparent.

3) Go to Theme Options > General > Breadcrumbs > change the color, bg image etc.
Product image appears in breadcrumbs because you did not choose the shop page (WooCommerce > Settings > Products > Display > Shop Page > choose the Shop page).

Regards
#150335 Copied
awdigital

Participant

December 27, 2016 at 23:03

HI Olga, Thank you. I just have an issue. Even though I have not selected any image for the breadcrumbs background for some reason the ere is product image overlapping the background?

#150366 Copied

Olga Barlow

Support staff

December 28, 2016 at 11:06

Hello,

Product image appears in breadcrumbs because you did not choose the shop page (WooCommerce > Settings > Products > Display > Shop Page > choose the Shop page!).Save settings.

Regards

#150389 Copied

awdigital

Participant

December 28, 2016 at 11:42

Hi, I can’t see shop page as an option to select? Please see admin panel details in private content. Thank you.

Please, contact administrator
for this information.

#150390 Copied

Olga Barlow

Support staff

December 28, 2016 at 15:54

Hello,

Please, run the WooCommerce Setup Wizard and install WooCommerce main pages http://prntscr.com/dowfvr

Regards

#150416 Copied

awdigital

Participant

December 28, 2016 at 23:23

Thank You.

#150455 Copied

Olga Barlow

Support staff

December 30, 2016 at 10:27

You are welcome!

Regards

#150567 Copied
Viewing 11 results - 1 through 11 (of 11 total)