Header and footer change

  • Resolved nparch

    (@nparch)


    9 years, 11 months ago

    Hello,
    I want to add transparent effect on the header of the page, not to be black line but with some transparency and maybe some other color.
    Also I want the same thing to be happened to my footer page and add some static text there.
    I have managed to remove the site info with the code which I`ve found here:

    .site-info {
	display: none;
}

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Kathryn Presner

    (@zoonini)

    9 years, 11 months ago

    It would be very helpful if you could provide a link to your site. Thanks.

    artem_ua

    (@artem_ua)

    9 years, 10 months ago

    Hello!

    to add transparent effect on the header of the page, not to be black line but with some transparency

    It might be something magnificent in front page with this effect. How can I do that? https://etyng.com/

    Moderator Kathryn Presner

    (@zoonini)

    9 years, 10 months ago

    You can add a 50% transparency effect by adding this to your custom CSS editor or child theme::

    #masthead, #footer-nav-wrapper {
     background-color: rgba(0, 0, 0, 0.5);
}

    The masthead strip won’t appear translucent until you start scrolling down, because the top panel doesn’t overlay the background image, but it’ll be transparent when you scroll over the other panels.

    artem_ua

    (@artem_ua)

    9 years, 10 months ago

    Good!

    Thanks!!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header and footer change’ is closed to new replies.