[Charl CoetzeeParticipant]

Hi,

I’m currently having an issue with my site guitarskills.com.

On all my Blog post pages, as well as Learndash LMS plugin lesson pages( uses Blog post template ), above the first line of content, there is a bit of White space that I want to remove.

I’ve tried using the CSS

div.entry-content.content{
margin-top: -72px;
}

But it wouldn’t reduce the right content, other content types on my site’s top margin would be reduced.

I also tried

div.entry-wrap{
margin-top : -72px;
}

but then my whole site’s content was moved up.

I just want to remove the white space above the blog posts as well as the white space between the content and course info (outside the div.entry-wrap div).

I’ve attached 2 screenshots to show what space I want to reduce.

My site is running the latest WordPress, Xtheme and Learndash Plugins. I’m also using the Renew stack.

Best Regards,
Jo Coetzer

[Charl CoetzeeParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add class="mtn" to heading tags.

e.g:
<h1 class="mtn">Are You Making These Mistakes When Learning To Play Guitar?</h1>

Remove <br/> tags from learn dash pages, see the attachment.

Please add following code in Customize -> Custom -> CSS :

.learndash h3, .learndash p:empty {
    margin: 0;
}

Hope it helps.

[Charl CoetzeeParticipant]

Hi

the

.learndash h3, .learndash p:empty {
margin: 0;
}

CSS worked well thanks. but the mtn thing didn’t. Isn’t there CSS I can add to remove that gap completely for all blog posts?

thanks

[RupokMember]

Hi there,

Thanks for updating. mtn class should work fine as it forces with !important tag. Could you provide us the URL of the post?

Cheers!

[Nabeel AModerator]

Hi again,

You can use this CSS to remove the spacing from all blog posts:

.single .entry-content h1 {
    margin-top: 0 !important;
}

Let us know how this goes!

[Charl CoetzeeParticipant]

Hi

Thanks that CSS worked great, i just made that Margin-top = -35px and it works great now on the blog.

However I now realized that that white space is on all pages that don’t make use of the cornerstone content builder.

All pages I put content in on the html text box in wordpress, the gap is above the first line of content.

Can you help?

[JoaoModerator]

Hi There,

You will need to edit your h1 tags and add claas=”mtn” to them

Please follow the example:

Change this:

<h1 style="text-align: center;">Why GuitarSkills.com Will Help You To Become a Better Guitar Player With Less Effort & In Less Time</h1>

To this:

<h1 style="text-align: center;" class="mtn">Why GuitarSkills.com Will Help You To Become a Better Guitar Player With Less Effort & In Less Time</h1>

Hope that helps,

Let us know if you need further help.

Joao

[Author]

Posts