Plugin Author
Guido
(@guido07111975)
Hi,
Where do you want the event meta (date, time, location, etc)?
Right side of image? Or above/underneath?
Guido
I’d like to have the meta to the right hand side of the image, left aligned so that it looks similar to our news listing.
Thanks 🙂
Plugin Author
Guido
(@guido07111975)
Hi,
Remove all the custom CSS you’ve already added and add this instead:
.vsel-meta {float:right;}
.vsel-image-info {float:left;}
.vsel-image-info img {float:left; margin: 5px 10px 5px 0;}
You might want to change the current width of the .vsel-meta and .vsel-image-info containers to your needs.
If you don’t want to apply this style to the single event page, change it back to it’s default values using this:
.single .vsel-meta {float:left;}
.single .vsel-image-info {float:right;}
.single .vsel-image-info img {float:right; margin: 5px 0 5px 10px;}
Guido
Hi Guido
Thanks for your reply. I’ve tried following your instructions above, but it doesn’t appear to have made a difference to how the events listings are displayed. Any ideas on what I could try next?
Thanks for your help!
Plugin Author
Guido
(@guido07111975)
Ah, forgot the #vsel prefix:
#vsel .vsel-meta {float:right;}
#vsel .vsel-image-info {float:left;}
#vsel .vsel-image-info img {float:left; margin: 5px 10px 5px 0;}
Guido
Thanks Guido, that worked perfectly 🙂
Plugin Author
Guido
(@guido07111975)
Hi @nmarsh5
FYI, I will update plugin later this week and will add settings to left or right align the meta/content/image section. So after this update the custom CSS I gave you is not needed anymore.
Guido
Dear Guido
I’m also using VSEL and on my list all text are centered and the small pictures are to the right. I tried to use the code above:
#vsel .vsel-meta {float:right;}
#vsel .vsel-image-info {float:left;}
#vsel .vsel-image-info img {float:left; margin: 5px 10px 5px 0;}
but this places all the pictures to the left. I tried to change left to center but it doesn’t work. Is there a way to place pictures in the middle?
Regards, Ulrich
Plugin Author
Guido
(@guido07111975)
Hi Ulrich,
So you want text and the featured image in the middle of your content area?
Guido
ps. could you please create your own thread the next time?
Hi Guido
Yes of course. It’s my first time raising a ticket so i have things to learn 🙂
Anyway yes i would like to move the pictures. You can see an example here: http://vershuset.dk/wp-content/uploads/2018/10/current.jpg
This makes the list work better on mobile devices.
Regards, Ulrich
Plugin Author
Guido
(@guido07111975)
Hi Ulrich,
I understand what you want now.. try this:
#vsel .vsel-image-info img {display:block; float:none; margin: 0 auto;}
Guido
Perfect….thank you very much 🙂
