Wordpress Header CSS Issue

Question

I've been working on the following site (http://tinyurl.com/lp5qtkc) and I cannot figure out how to remove the space between the header and the content. I have tried removing the page title that is above it, but the content slides up and the content box remains in the same position. Any ideas?

Code Monkey · Accepted Answer · 2014-09-10 05:02:33Z

1

You will need to change the .whitebackground CSS class to

.whitebackground {
    top: 190px; /* 100px less than what it was */
}

And also update the JavaScript (found inside the templatesjs.php file on line 242) executing at 500ms intervals which updates the height of the background so that the content at the bottom of the page renders correctly.

setInterval(function() {

  jQuery('.tiledbackground').height(jQuery(document).height());
  jQuery('.whitebackground').height(main_cont.outerHeight()-39); // 100px more

},500);

answered Sep 10, 2014 at 5:02

Code Monkey

1,83513 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Imran Bughio · Accepted Answer · 2014-09-10 04:55:42Z

1

There is a div with the class name 'whitebackground' you can play with it position to cover the gap in between.

Like this:

.whitebackground{
    top: 190px;
}

Please use inspect element option of your browser to debug issues like this.

answered Sep 10, 2014 at 4:55

Imran Bughio

4,9812 gold badges32 silver badges54 bronze badges

Collectives™ on Stack Overflow

Wordpress Header CSS Issue

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related