Skip Navigation

[Resolved] Loop format not consistent

This support ticket is created 6 years, 7 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
- 9:00 – 10:00 - - - - -
- - - - - - -

Supporter timezone: Africa/Cairo (GMT+02:00)

This topic contains 3 replies, has 2 voices.

Last updated by Mohammed 6 years, 7 months ago.

Assisted by: Mohammed.

Author
Posts
#906524

I am trying to: Create a loop output for my events page

Link to a page where the issue can be seen: hidden link

I expected to see: Consistent formatting for each event in the loop

Instead, I got: Inconsistent formatting for each event in the loop

#906536

Hi Emily,

Can you please check if the problem still exists?

I added these classes to the content template container manually: et_pb_section et_pb_section_4 et_animated et_section_regular fade

Content template name: Loop item in List View of Events

Thanks.

#906537
screencapture-kingswaybia-theultimatecreative-events-2018-05-30-21_30_42.jpg

Wow thanks for the speedy response and help! The majority of it looks fine, but if I move between the pages (pagination?) the first item in the loop still has a background image for some reason - is there a way to fix that? Thanks!

#906801

Hi,

I'm not sure if this directly related to Toolset.
Let me explain what happens, possibly you can find anything.

Every row has a div inside it with a class et_pb_section_(x) . such that, x is the order of the row
Which means that, the first row will have the class et_pb_section_0 , the second will have the class et_pb_section_1 and so on.

The background image is added because there is a CSS role that I don't know its source that adds the background image:

div.et_pb_section.et_pb_section_0{
background-image: linear-gradient(17deg,rgba(244,240,233,0.9) 33%,rgba(244,240,233,0) 100%),url(hidden link) !important;
}

I hope that this helps you.

Thanks.