Image at top of listing page

This topic contains 4 replies, has 3 voices, and was last updated by Paolo 5 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
June 11, 2018 at 2:23 am #434468

joel phillips
Expired Member

Post count: 82

Please see listing below: How do I manipulate the slider at the top? The image is way too big and I don’t mind the image roll but it pixelates badly.

https://whotakescoin.com/blockchain/merchandise/coiner/

Thanks

June 11, 2018 at 3:23 am #434471
Kor
Moderator

Post count: 16516
Hi Joel,

Insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS
```
.featured-img {
    background-size: contain!important;
    background-position: center!important;
}
```
June 11, 2018 at 2:24 pm #434517

joel phillips
Expired Member

Post count: 82

Thanks Kor. I forgot to ask, on the same page in the right hand sidebar, how can I contain the other listings that show up. I want to reduce the amount of vertical space they take up.

Thanks

June 11, 2018 at 2:31 pm #434519

joel phillips
Expired Member

Post count: 82

FYI – Implemented your solution to contain images and that breaks all header images on the site including stock photos. Any way to narrow it down to just listing detail pages?

June 11, 2018 at 6:05 pm #434541
Paolo
Site Admin

Post count: 31206
try this:
```
.single.geodir-page .featured-img {
    background-size: contain!important;
    background-position: center!important;
}
```
Let us know if that works.

Thanks
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket