Transparent widget are twenty fifteen

  • Resolved Balou

    (@harryluiten)


    9 years, 10 months ago

    How do I make the widget area (cq sidebar) in Twenty Fifteen transparent so I can show full screen background images properly? Making all the other elements transparent was no problem but I cannot figure out how to do it with the widget area. See https://historischekringbilthoven.nl/

    Anybody? Thanks!

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

    (@rushinparmar)

    try this code

    .sidebar {
    background: #f1f1f1;
}

    Thread Starter Balou

    (@harryluiten)

    Thanks but that doesn’t work.

    .secondary {
    background-color: #fff;
    display: none;
    padding: 0 7.6923%;
    opacity: .80;
    }

    rule number 1539 (above), only makes it transparant on mobile phone size but not on desktop computers.

    If I search further adding opacity to. .widget area in style.css would make sense but that doesn’t work. Tried almost everything.

    Thread Starter Balou

    (@harryluiten)

    Moved topic to themes and templates! Sorry it was here.

    I found the solution:

    `body:before,
    .site-header{
    background-color: transparent;
    box-shadow: none;
    }`

    But this will make the header in mobile view transparent also.
    If you want only the sidebar to be transparent than this is the code:

    @media screen and (min-width: 59.6875em) {
  body:before,
		.site-header{
  background-color: transparent;
  box-shadow: none;
	}
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Transparent widget are twenty fifteen’ is closed to new replies.