Skip Navigation

[Resolved] Increase space between rows in specific View

This support ticket is created 2 years, 11 months 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
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10: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/Kolkata (GMT+05:30)

This topic contains 7 replies, has 2 voices.

Last updated by WilliamM1564 2 years, 11 months ago.

Assisted by: Minesh.

Author
Posts
#2307071

Tell us what you are trying to do?
I am trying to increase the space between rows in a particular View (Advisor List).

I found several threads that seemed to address this. I tried what they suggested but with no effect. All of these were several years ago and I think Toolset may have changed significantly since then.

Is there no way to just set the space between rows in the View settings?

Is there any documentation that you are following?
No.

Is there a similar example that we can see?
No. I am just trying to increase the space between rows in this View (right now they are a little too close together).

hidden link

What is the link to your site?
hidden link

#2307159

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

To increase the row gap, you will have to select your view block and further select the "View Loop" and within the Grid Settings tab on right sidebar you can adjust the row gap.

Please check the following screenshot: hidden link

#2307177

I tried that. I set the value to 200 but there was no extra space between the rows.

Is something else to make that setting do something?

Thank you so much

#2307199

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

That is strange. There must be other CSS conflict.

Can you please share 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.

#2307341

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Can you please check now: hidden link

To the Grid's Advance settings I've added the class: bottomspace
=> hidden link

Then, to your view's custom CSS section I've added the following CSS code:
=> hidden link

.bottomspace {
margin-bottom: 75px;
}

Can you please confirm it works as expected.

#2307937
Edit_Page_“Advisor_List”_‹_Rockstar_Psychics_—_WordPress.jpg

Am I to understand that the row gap feature is just not working in my install for some reason? Is it a bug? If so is there a plan to fix it. This definitely seems like the most straightforward solution, if it only worked.

In the meantime, your changes do seem to have worked.

If I understand what you have done correctly, your change would be equivalent to adding 75px as a bottom margin in the View Loop Style Settings (see attached image). Am I right?

That would easier for me because it skips the CSS coding.

Thank you so much.

#2308171

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Am I to understand that the row gap feature is just not working in my install for some reason? Is it a bug? If so is there a plan to fix it. This definitely seems like the most straightforward solution, if it only worked.
==>
No, its not a bug. You are using unformatted loop style and that does not offer the grid row spacing. What you have done is you have used unformatted loop style and within that you have added the grid block so we have to mention the row gap using such custom CSS code.

If I understand what you have done correctly, your change would be equivalent to adding 75px as a bottom margin in the View Loop Style Settings (see attached image). Am I right?
That would easier for me because it skips the CSS coding.
==>
Yes, that is another workaround as well.

#2308971

My issue is resolved now. Thank you!