Make header and footer transparent

  • tamirc

    (@tamirc)


    8 years, 4 months ago

    Is there a way to make both header and footer transparent?
    I’m using the free version of Optimizer Theme and it does everything I need but I can’t seem to find out how to do that.
    thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    8 years, 4 months ago

    Hi

    Can you please post your site address here?

    Thanks

    Thread Starter tamirc

    (@tamirc)

    8 years, 4 months ago

    Hi,
    the site is http://tamircohen.co.il

    thanks

    Awad

    (@awadaljishi)

    8 years, 4 months ago

    Hi,

    Go to your custom.css and add the following:

    This code makes your header transparent:

    .home.has_trans_header.page .header {
    background: #ffffff!important;
    opacity: 0.7;
}

    Opacity range from 0.0 to 1.0, modify it as your preference.

    Because the custom.css location differ from one theme to another, you will have to find it through your theme option or from your Dashboard > Appearance > Editor > custom.css

    I’ve tried making the footer transparent, but couldn’t. Hope you will get help from others.

    Cheers,

    Theme Author OptimizerWP

    (@layerthemes)

    8 years, 4 months ago

    Hi tamirc

    Transparent Header:
    Go to Appearance -> Customize -> Header -> Transparent Header on Frontpage

    Transparent Footer:
    Insert this in Appearance -> Customize -> Miscellaneous -> Custom CSS

    #footer,#copyright {background-color:transparent !important;}

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make header and footer transparent’ is closed to new replies.