Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum wpForo Support Forum

Display image

14 Posts
2 Users
0 Likes
136 Views
lohan cook
Posts: 14
Customer
Topic starter
(@lohan-cook)
Member
Joined: 11 months ago

Hello,

There are people on my site who publish vertical photos in the comments, and thanks to you, visually it becomes smaller and when you click on it, you see them in full.

I would like to do the same for photos taken horizontally.

Whether vertical and horizontal, I would like the photos to be displayed visually in the comment space in a 4/3 ratio (around) 

And on top of that. I would like these images to take up more space on the WPdiscuz plugin. 

Exemple thats I would try to have:

Capture d’écran 2022 07 25 à 19.44.13
Capture d’écran 2022 07 25 à 19.40.48
Capture d’écran 2022 07 25 à 19.38.45

 Thanks you a lot four your help 

13 Replies
lohan cook
Posts: 14
Customer
Topic starter
(@lohan-cook)
Member
Joined: 11 months ago

Here you are a page of my site: https://www.cookok.fr/recipe/amandes-grillees-a-la-cannelle-et-au-miel/  

This what I would like a little: (others site) 

 

Thank you

Reply
3 Replies
Astghik
Admin
(@astgh)
Joined: 5 years ago

Illustrious Member
Posts: 5387
lohan cook
Customer
(@lohan-cook)
Joined: 11 months ago

Member
Posts: 14

@astgh Yes, but I don't arrive to do it, I hope you'll help me, 

Can you try to bring me an solution ? 

Thank you

Reply
Astghik
Admin
(@astgh)
Joined: 5 years ago

Illustrious Member
Posts: 5387

@lohan-cook,

The example of the CSS code is provided below:

#wpdcom .wmu-attached-images {
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   gap: 5px;
}

#wpdcom .wmu-attachment {
   flex-basis: 350%;
}

#wpdcom .wmu-attachment img {
   object-fit: cover;
   width: 100% !important;
   height: 100% !important;
   vertical-align: middle;
}

You should make the customizations based on it. 

Reply
lohan cook
Posts: 14
Customer
Topic starter
(@lohan-cook)
Member
Joined: 11 months ago

Great! It's works! Thank you a lot! 

But, there is something who works bad. 

 

lots of images are clear, others are blurry, do you have any idea why?

Thanks

Reply
lohan cook
Posts: 14
Customer
Topic starter
(@lohan-cook)
Member
Joined: 11 months ago
Capture d’écran 2022 07 27 à 12.40.43
Capture d’écran 2022 07 27 à 12.40.47
Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 5 years ago

Illustrious Member
Posts: 5387

@lohan-cook,

This may come from image quality. Besides as I've already mentioned you should make the customizations based on the code I've provided. 

Reply
lohan cook
Posts: 14
Customer
Topic starter
(@lohan-cook)
Member
Joined: 11 months ago

The trouble comes when there is a split screen with 2 images 

Reply
Page 1 / 2
Share:
Scroll to top