Hi All. I am using Listeo a theme for posting ads and I have a problem with the size of the image uploaded in the ads. How do I automatically adjust the size of the image uploaded by the user to the size of the ad list? I have changed the shape of the listing via yellow pencil, however now the images that are uploaded by users are cropped and not framed correctly. Can I use some functionality in your plugin to adjust the size?
I get it. So it’s hard for me to give you code without seeing the website.
Note that I would give you CSS code that would resize the images on the front end. If you need a code that would change the image size of uploaded images then unfortunately I won’t be able to help you, because it would be much easier for you to contact your theme support to give you that piece of code
Do you mean the online site? Unfortunately I can't, I don't have a free host. If you want part of the code tell me where to go and I will put it here in the post now.
Unfortunately I really need to see your website in my browser to debug it. It’s really hard for me to do anything like this. Do you plan on moving it to server at some point? If yes please send me the URL then and I’ll be glad to help you out!
I think it is not a matter of css, but of other code. I really tried all the functions in YP it doesn't allow what I want. I still thank you for your help. When I upload the site in the next few weeks I will let you know.
I added what you suggested but as you can see only the frame is enlarged but the corresponding photo does not fit the shape. Look at the girl in the picture only her top is displayed. My purpose is to automatically fit the photo to the size of the outline. Clearly I would try to force users to add photos of appropriate size. But as you can see, though, a Php code integration is required (at least I think so),
No, with your code only the outline is changed and the image is enlarged but it is still cropped, in fact it does not adjust to the new size. My purpose is to readjust the size in the photos to the size of the list box.
I see what you mean. Yeah you can’t do hard crop in CSS. Sorry, I didn’t understand you.
For actual cropping of image you need to write new image size filter function and then change it in code of theme, and unfortunately I can’t help you with that.
Hi All. I am using Listeo a theme for posting ads and I have a problem with the size of the image uploaded in the ads. How do I automatically adjust the size of the image uploaded by the user to the size of the ad list? I have changed the shape of the listing via yellow pencil, however now the images that are uploaded by users are cropped and not framed correctly. Can I use some functionality in your plugin to adjust the size?
Attached files: foto1.jpg
foto 2.jpg
Hey there,
Yes you can use this plugin to change the size of image and aspect ratio. Can you send me URL of page where I can see them and I’ll help you out
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
I'm working in localhost at the moment. can you be more specific?
How Can I do it?
?
I get it. So it’s hard for me to give you code without seeing the website.
Note that I would give you CSS code that would resize the images on the front end. If you need a code that would change the image size of uploaded images then unfortunately I won’t be able to help you, because it would be much easier for you to contact your theme support to give you that piece of code
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Unfortunately, I do not hear back from the developers of my theme. I asked you because I thought there was some feature included in yellow pencil.
I get it. Can you put it online so I can grab the code? I need to know specific CSS classes so I can write you code
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Do you mean the online site? Unfortunately I can't, I don't have a free host. If you want part of the code tell me where to go and I will put it here in the post now.
Yes. Can you open element inspector on that image container and screenshot me the code?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Ok
Attached files: Yellow.jpg
Try this
.listing-item img { height:240px}
And adjust the height to your needs. You can paste this to YP CSS editor as in Global tab.
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Nothing changes, I don't know.
Attached files: YP.jpg
You’re not adding it in correct place. Can you copy the entire CSS from editor so I can fix it?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
okok
Attached files: css.txt
https://listeo.pro/grid-full-width/ this is listing that I'm using, but I only change height and width
Please add this as first line in CSS editor.
.listing-item, .listing-item img { height:350px !important;}
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
the problem is that it changes shape/structure, as you see now you can see the image better, but it really changes structure.
Unfortunately I really need to see your website in my browser to debug it. It’s really hard for me to do anything like this. Do you plan on moving it to server at some point? If yes please send me the URL then and I’ll be glad to help you out!
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
I think it is not a matter of css, but of other code. I really tried all the functions in YP it doesn't allow what I want. I still thank you for your help.
When I upload the site in the next few weeks I will let you know.
Yes let me know. I’ll be more than glad that help you out. I just need to see it in order to play around with the code.
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Hi I have uploaded the site online, would you like to take a look? Do you remember the problem I would like to solve?
Sure! What's the URL?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
I put the site in the private message, can you view it?
Add this CSS
#listeo-listings-container[data-style=grid] .listing-item-container {
max-height: none;
}
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Sorry, I hit the enter.
Also add this:
.listing-item, .listing-item img {
height: 400px !important;
}
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
I added what you suggested but as you can see only the frame is enlarged but the corresponding photo does not fit the shape. Look at the girl in the picture only her top is displayed. My purpose is to automatically fit the photo to the size of the outline. Clearly I would try to force users to add photos of appropriate size.
But as you can see, though, a Php code integration is required (at least I think so),
Attached files: css mode.jpg
Hmm, the image should enlarged as well? Didn't it?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
No, with your code only the outline is changed and the image is enlarged but it is still cropped, in fact it does not adjust to the new size. My purpose is to readjust the size in the photos to the size of the list box.
I see what you mean. Yeah you can’t do hard crop in CSS. Sorry, I didn’t understand you.
For actual cropping of image you need to write new image size filter function and then change it in code of theme, and unfortunately I can’t help you with that.
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Hi David. Can you help me? I would like to try remove or only hide badge of price(green) in listing, Can you tell me code css ?
It is "pricing-badge"
Sure, write this:
.pricing-badge {
display: none;
}
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Or if it doesn't work then try this
.pricing-badge {
display: none !important;
}
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Thank you it work
Amazing!
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!