Realty rainbow how to?

Hi Flynax,

How do I align the thumbnails to the left instead of in the middle?
Attachment 4754

Also how do I reduce the height of the picture to say 300 px, it's too big on my site
Attachment 4755

I'm using realty rainbow theme and v491

Thank you

Hello,

1. Go to templates > your_template > components > _listing-details-gallery.tpl

find a line:

Code:

---

Only registered members can view the code.

---

below this line change the value for center from true to false


2. in listing-details-gallery.css > div.gallery > #media > reduce the percentage for padding-bottom as you need

It works great. Thank you so much Rudi!
I have 2 more questions.

1. How do I make it so all listing type content boxes show on homepage merge with each other if they are in same position, for example top, like the one on general_rainbow here:
Attachment 4756

Currently in realty_rainbow listing type are separated on homepage even though they all set TOP position. I recalled seeing a solution for this on forum but I could not find it anymore. :(
Attachment 4757

2. In listing detail page, under gallery section, thumbnail bar:
Attachment 4758

Let say listing has 15 images and if you swipe or click on left/right arrow, the thumbnail bar does not stop all the way on the left at the 1st image and all the way to the right at the last image, meaning you can swipe infinitely, which is very confused to me. I can't even keep track of the image order and don't know which is the 1st image which is the last image.

Can I make it so if you keep swiping to the left or clicking the left arrow, the thumbnail bar will stop at the first image. Similarly, if you keep swiping to the right or clicking on the right arrow, the thumbnail bar will stop at the last image?

You can take a look at this demo listing:
https://realty.demoflynax.com/proper...hoenix-19.html

1. It will require some customization because grouped category boxes are supported only on the classifieds script


2. Under the line center: false,

add another one infinite: false,

in _listing-details-gallery.tpl

Thanks, Rudi.

Similarly, how do I change the height of thumbnail image on the listing list and featured listing on homepage?
Attachment 4759

I want the thumbnail to have rectangular shape instead of square

Find in style.css a line ul.featured > li img

and change property object-fit: cover; to object-fit: contain;


you can change also the shape of the container:

find ul.featured > li > .picture and change padding-bottom: 100%; to padding-bottom: 70%;

Quote:

---

Originally Posted by Rudi

Find in style.css a line ul.featured > li img

and change property object-fit: cover; to object-fit: contain;


you can change also the shape of the container:

find ul.featured > li > .picture and change padding-bottom: 100%; to padding-bottom: 70%;

---

Thank you very much for the excellent support Rudi

Hi guys,

The posted date does not show in listing
https://classifieds.demoflynax.com/p...-st-20-63.html

I check admincp > basic setting > listing > posting date in listing is enabled, but still no show. Please help me fix it.
Thanks

Hi Flynax Dev.,

How do I apply filter: blur(12px) to the slider image without losing the overlayer on top?
Attachment 4762

When I added
.carousel .carousel-item img {
fliter: blur(12px);
}

The slider lost the green overlay:
Attachment 4763

Hello,

Try to add z-index: 10; for .carousel .carousel-item:before