CODEWITHSUNDEEP
wordpress
Paul McAlinden
Paul McAlinden

Reputation: 21

Hiding Div in wordpress site

I am trying to hide a .div in based on this page http://pdtuk.com/learn-with-rockjam/ so that the contents of the page moves up.

If I change the properties in the custom CSS in the admin panel of the to the below it functions in inspector but does not seem to update or take any effect when I preview or try and make live. Any ideas on how I can resolve? 

.page_banner .background_wrapper{
    position: relative;
    display: none;
    width: 100%;
    height: 46.500rem; /* 730px */
    background-position: center left;
    background-size: cover;
}

Upvotes: 0

Views: 29

Answers (2)

Johannes
Johannes

Reputation: 67778

Adding this CSS rule should help:

.page_banner .background_wrapper {
  display: none;
}

That element has a defined heigth which creates the unwanted space. Adding display: none makes it invisible and removes it from the document flow. But to be on the safe side you could also add height: 0;

Upvotes: 0

Keanu1989
Keanu1989

Reputation: 64

I hope I understood your question correctly.

There seems to be an unknown background-image.

<div class="background_wrapper" style="background-image:url('')">

So the specified height: 46.5rem converts to empty space. One way to solve that: 

height: 0

Upvotes: 1

Related Questions