1. i am not sure what do you mean?
2. this is because you have the images resized to 90×120, with the current layout there is no way for them to display in high definition, you would need to change the size for images on Adverts list and regenerate the thumbnails.
Thread Starter
aspal
(@aspal)
any other way, any code or any setting from which I Can change the image quality of adverts list.
Because of the Blurness website is looking so unofficial.
Please help me out to change this thing.
You have the image resized to 90×120 but your grid in [adverts_list] expects images with at least 250×250 dimensions.
That being said to have sharp images there are only two methods:
1. increase the [adverts_list] image sizes to 250×250 (https://wpadverts.com/documentation/custom-image-sizes/)
2. customize your [adverts_list] HTML/CSS so it will expect the images resized to 90×120.
Thread Starter
aspal
(@aspal)
Hi Greg,
I was go through your Link and done with all settings but now I want to another help from you….!
In this Link https://majdoormistri.com/advert-category/mistri/ I want to show 2 adverts in one column in Phone view mode(Not in desktop mode).
Currently I am using this code snippet
body .advert-img {
width: 150px !important;
height: 150px !important;
margin: 10px !important;
}
body .advert-img > img {
height: 150px !important;
object-fit: cover !important;
}
.wpadverts-slide,
.wpadverts-slide .wpadverts-slide-img {
height: 300px !important;
width: 300px !important;
}
.wpadverts-slide-image img {
height: 100% !important;
}
body .advert-item-col-2 .advert-img {
width: 300px !important;
height: 300px !important;
margin: cover !important;
}
body .advert-item-col-2 .advert-img > img {
height: 300px !important;
}
body .advert-item-col-1 .advert-img {
width: 61px !important;
}
body .advert-item-col-1 .advert-img > img {
height: 200px !important;
}
Please Help me………!
To have 2 ads per line on mobile view you can use the below CSS code
@media (max-width: 760px) and (min-width: 0px) {
.advert-item.advert-item-col-4 {
width: 48%;
margin: 1%;
}
}
Thread Starter
aspal
(@aspal)
Hi Greg thanks for your Support
