Skip Navigation

[Resolved] Unwanted blank spaces displayed by Layout

This thread is resolved. Here is a description of the problem and solution.

Problem:

In my Layout editor I have NOT specified those extra line-spaces, it was working ok and suddenly I get those big block spaces in between.

Solution:

This is a CSS conflict with theme file, see details here:

https://toolset.com/forums/topic/unwanted-blank-spaces-displayed-by-layout/#post-1137363

Relevant Documentation:

This support ticket is created 6 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 6 years ago.

Assisted by: Luo Yang.

Author
Posts
#1136686
layout-individual-cpt-blank-spaces.png

Sorry again Luo,

Suddenly my Layout for displaying an individual CPT entry is adding some unwanted extra line-spaces 🙁

In my Layout editor I have NOT specified those extra line-spaces, it was working ok and suddenly I get those big block spaces in between.

Please refer to the attached screenshot

Can you open a private area-message where I can give u access to my staging site where you can check yourself?

Thanks and sorry for sending too many support tickets today! 😉

#1137363

Hi,

I can get your website credentials in your previous thread:
https://toolset.com/forums/topic/repeatable-images-not-shown-correctly/#post-1130613

This is a CSS conflict with your theme file:
hidden link
line 2549:

.row:after {
...
    margin-top: 30px;
    margin-bottom: 30px;
}

It adds 60 px margin in each .row DIV tag.

You can override it with CSS codes, for example:
Dashboard-> Toolset-> Layouts CSS and JS
hidden link

Add below CSS codes:

.single-venta div.row:after{
	margin-top: 0px; 
	margin-bottom: 0px; 
}

This will take effect on all single "venta" posts only.

Feel free to create new ticket for the new question, you can assign them to me directly, I will answer in working time.

#1137451

That was the issue!!

My fault btw, I introduced the offending CSS 🙁

It's now resolved thanks, once again, to your help.

Thank you very much and have a nice day!

#1137996

You are welcome