[Resolved] Extra space being added

[Author]

Posts

[Pete]

Hi there,

We have many posts that look like this:
hidden link

The use a template and a view, all works great however why does the first one have a small amount of extra space under it?
And how do I get rid of it please?

If you inspect, you'll see this space on the first, but not any others.

Very odd and can't work it out.

Many thanks.

[Minesh]

Hello. Thank you for contacting the Toolset support.

What browser you are using as when I tested with Chrome I do not see extra space but when I investigated the page source I can see there are couple of empty p tags.

Please check the following screenshot:
- hidden link

[Pete]

Hi Minesh,

See images attached, this for this page mentioned:
hidden link

You can clearly see the first 'Tatiana' has more space under than any under.

The image aa see again shows this clearly.

And the other image shows we have no p tags in the view what so ever.

If it is a p tag, why only add space to the first post and no others?

I'm using Chrome browser.

[Minesh]

I need to check from where those empty p tags are added and for that I will require admin access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Shane]

Hi Pete,

Unfortunately Minesh is off sick today but should be back on Monday to continue assisting you with this one.

Thanks,
Shane

[Minesh]

I've added the following CSS code to your view's custom CSS box:

.js-wpv-view-layout p:empty {
  display:none;
}

Could you please confirm you can see the results without extra spaces added by P tag:
=> hidden link

[Pete]

My issue is resolved now. Thank you!

[Pete]

Sorry Minesh,

I can't work out why your fix wont work on an identical site with the very same View:
hidden link

What am I missing please? Thank you.

[Minesh]

What if you try to add the following CSS code:

.js-wpv-view-layout p:empty {
  display:none !important;
}

Please try to remove the cache if any and then test and check if it works at your end.

[Pete]

My issue is resolved now.