Saltar navegación

[Resuelto] Increase space between rows in specific View

This support ticket is created 4 years, 2 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 -

Zona horaria del colaborador: Asia/Kolkata (GMT+05:30)

Este tema contiene 7 respuestas, tiene 2 mensajes.

Última actualización por WilliamM1564 4 years, 2 months ago.

Asistido por: Minesh.

Autor
Mensajes
#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).

enlace oculto

What is the link to your site?
enlace oculto

#2307159

Minesh
Colaborador

Idiomas: Inglés (English )

Zona horaria: 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: enlace oculto

#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
Colaborador

Idiomas: Inglés (English )

Zona horaria: 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
Colaborador

Idiomas: Inglés (English )

Zona horaria: Asia/Kolkata (GMT+05:30)

Can you please check now: enlace oculto

To the Grid's Advance settings I've added the class: bottomspace
=> enlace oculto

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

.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
Colaborador

Idiomas: Inglés (English )

Zona horaria: 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!