Make home slider flush against top menu & footer

Hi there!

Great job on your first website, looks awesome!

Is this what you are trying to achieve? Screenshot

If so, you can use this code:

.post-header,
.post-title {
  margin-bottom: 0;
}

.wrapper,
.footer {
  margin-top: 0px;
}

You have two options when using the code:

#1 Use a plugin like Simple Custom CSS and paste the code in there.

or

#2 Create a child theme and paste the code into your child theme’s style.css file.

I hope that helps!

Luke the Daft Duke

Hi Luke,
Thank you this is so great! I am using a custom CSS plugin.
The top is perfect, just the bottom white space remains – not the end of the world, but ideally on the home page only, I would like to have the slider without any white.
Do you have any further ideas (Or is it possible I am making a mistake somewhere)?
Again, thanks for coming to the rescue!

Hi there!

I just checked your website and it looks like the gap under the slider has gone.

Unless I misunderstood?

Congrats on your first website!

Luke the Daft Duke

Sorry for my delayed response. Yes, you are absolutely right, the space is gone -thank you very much! I now realise my website looks slightly different when I am logged in as an editor as opposed to logged out (learning as I go here) ??
The code has made the slider perfect, but I have noticed that now my headings on all other pages are flush to the top too. Can I add something to your code that will mean this format only applies to the home page?
Thank you again for your kind support and encouragement!

Hi there!

Sure, you can restrict it to just the home page:

.page-id-20 .post-header,
.page-id-20 .post-title {
  margin-bottom: 0;
}

.page-id-20 .wrapper,
.footer {
  margin-top: 0px;
}

Give that a try ??

Fantastic, Daft Duke, you’re a genius! Many thanks for you assistance. Very best regards.