Useful tools for WordPress administrators and editors › Forums › Questions and Answers › Support for Ultimate Post List Pro › Grid Layout not showing correctly
Tagged: Grid Layout
2017-08-12 at 2:47 #2206
I have just purchased the pro version. Can you help with one thing, I would like to display the videos in a grip layout, 3 columns, responsive to page size. but they are not displaying correctly.
I have tried added padding etc but the layout you see under “more form IGITV” does not seem to change?
Robin2017-08-12 at 8:36 #2207
For me the website is not available. Maybe there is a typo in the address you wrote?2017-08-12 at 9:32 #2209
Sorry, yes a typo
Some changes seems like they are taking a long time, maybe cache issue, because it is not show as a grid, 2 across, but it seems difficult to get it to look as a want, I would like 3 videos across filling the whole section. Is there a simple way to make it fit the section and be responsive?
Thanks for your help2017-08-12 at 11:04 #2210
Please play around with the width of the list items. Lower it until they fit.2017-08-14 at 12:29 #2218
I have tried many setting but the videos still do not display as a grid, they have no gaps between the video. Tried adding padding, margins etc but still the same?
Can you help? http://www.igolfi.co.kr/tv/
Thank you2017-08-15 at 22:52 #2231
May I take a look in the backend at the edit page of the list? Please mail me the login credentials to email@example.com at 19:04 #2307
Sorry for the delay Martin, I was on a family holiday.
I am just emailing you the details now.
Still having issues on a PC and well as on mobiles.
Robin2017-08-25 at 23:33 #2310
Thank you for the login credentials. I decreased the minimum height of the list items to avoid the big white space between the rows. And I set all paddings to 0 since the margin values are sufficient. Does the new layout match your expectations?
Why did you put the list into the post twice? Maybe a section in the Elementor editor could be deleted?2017-08-26 at 19:05 #2318
Thanks for your time on this,
Firstly I just added a row to experiment with different setting to see what changes would happen. I have deleted the second row.
I looks better on the PC, I would still like to make the 3 video fit equally across the screen? Also, on a mobile the video do not appear correctly, I would like the to appear in the same way and size as the top video on the screen “latest video”
Robin2017-08-26 at 22:07 #2319
There are still two rows. Which one do you want to optimize?2017-08-27 at 13:08 #2321
The 1st row, I have deleted the second row now, think I forgot to save the changes.
Robin2017-08-28 at 23:42 #2324
I added the plugin “WP Add Custom CSS” to set a hand-taylored CSS code for that page. You can find the code in the textarea at the bottom of the Edit Page of that page.
Now below 768px browser width the videos are listed vertical in full width, and above 768px the three videos are in on row, their widths responsive to the browser width.2017-08-29 at 6:10 #2326
Thank you for you time and it is looking good on both the pc and moblie, thanks.
Just wondering if you have any plans for the grid layout to be more automatic in the future so someone like myself can do it without help?
Robin2017-08-29 at 13:34 #2329
I think about an option to select between fixed widths and relative width, and a further option to control at which browser width to break up the horizontal list into a vertical list.
- You must be logged in to reply to this topic.