Post Grid – item alignment and mobile issues

0
Post Grid - item alignment and mobile issues 1
barcin
Apr 14, 2017 08:10 AM 1 Answers General
Member Since Apr 2017
Subscribed Subscribe Not subscribe
Flag(0)

Hello, your Post Grid plugin works perfectly for me. However, I wonder if following things are possible to do (using custom scripts, or by purchasing the paid version of the plugin):

  1. Let's say I have 4 grid items (posts), and grid item width set to 33%. 3 posts are in the first row, and the 4th post is in the next row, but it is centered. Is it possible to make it appear on the left side?
  2. Is it possible to use 'flat' skin (post title etc. underneath the thumbnail) on mobile devices only? I am happy with captions appearing on hover on desktop, but on mobile there is no hover.

Thank you for your support!

3 Subscribers
Post Grid - item alignment and mobile issues 1
Post Grid - item alignment and mobile issues 3
Post Grid - item alignment and mobile issues 4
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
1
Post Grid - item alignment and mobile issues 5
PickPlugins
Apr 14, 2017
Flag(1)

Welcome to our forum.

#1. item elements css depend on layout editor css, you can set  text-align: left

http://imgur.com/a/Hble7

or you can use following CSS under custom CSS input box to apply all items,

.post-grid .item {
  text-align: left;
}

http://imgur.com/a/WehZl

 

#2. sorry this feature isn't available right now, but interesting to me, if possible i will update it next version.

Regards

Post Grid - item alignment and mobile issues 6
PickPlugins
- Apr 15, 2017 12:30 AM
Flag (0)
0

#1, please try following CSS

.post-grid .grid-items {
text-align: left;
}

float property may cause issue with other items, no matter if its works fine.

#2. i also love to update new feature, will try to bring it.

#3. you need to add your own CSS to override by "!important"

Regards

Post Grid - item alignment and mobile issues 7
barcin
- Apr 14, 2017 06:14 PM
Flag (0)
0

Thank you very much for your answer!
#1 what I meant is how to make the whole grid item, not the text, appear on the left instead of appearing in the middle (http://imgur.com/6HuBAfp). I tried using:
.post-grid .item {
float: left;
}
and it worked fine (http://imgur.com/meY0qi5), but after adding more posts it looks like this: http://imgur.com/1DZcqNh

#2 I would love to see this feature in the next version!

#3 I have another question: when I hover on a thumbnail, there is an opacity transition. Is it possible to set the opacity value (for example 90% instead of 100%) and transition speed?

Sign in to Reply
Replying as Submit