Header padding & Header opacity - by awdigital

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

  • Avatar: awdigital
    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!

    10 Answers
    Avatar: Olga Barlow
    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

    Avatar: awdigital
    awdigital
    Participant
    December 27, 2016 at 10:14

    Please see website link in private content. Thank you.

    Please, contact administrator
    for this information.
    Avatar: awdigital
    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.
    Avatar: Olga Barlow
    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

    Avatar: awdigital
    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?

    Avatar: Olga Barlow
    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

    Avatar: awdigital
    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.
    Avatar: Olga Barlow
    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

    Avatar: awdigital
    awdigital
    Participant
    December 28, 2016 at 23:23

    Thank You.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 30, 2016 at 10:27

    You are welcome!

    Regards

  • Viewing 11 results - 1 through 11 (of 11 total)

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

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