+ Reply to Thread
Results 1 to 10 of 10

Thread: Realty rainbow how to?

  1. #1
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248

    Realty rainbow how to?

    Hi Flynax,

    How do I align the thumbnails to the left instead of in the middle?
    CleanShot 2022-11-08 at 17.43.36@2x.png

    Also how do I reduce the height of the picture to say 300 px, it's too big on my site
    CleanShot 2022-11-08 at 17.46.00@2x.png

    I'm using realty rainbow theme and v491

    Thank you
    Last edited by Tim Copper; November 8, 2022 at 10:47 AM.

  2. #2
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,138
    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

  3. #3
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    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:
    CleanShot 2022-11-08 at 19.33.34@2x.png

    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.
    CleanShot 2022-11-08 at 19.31.29@2x.png

    2. In listing detail page, under gallery section, thumbnail bar:
    CleanShot 2022-11-08 at 19.42.45@2x.png

    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

  4. #4
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,138
    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

  5. #5
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    Thanks, Rudi.

    Similarly, how do I change the height of thumbnail image on the listing list and featured listing on homepage?
    CleanShot 2022-11-09 at 18.36.44@2x.png

    I want the thumbnail to have rectangular shape instead of square

  6. #6
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,138
    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%;

  7. #7
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    Quote Originally Posted by Rudi View Post
    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

  8. #8
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    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

  9. #9
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    Hi Flynax Dev.,

    How do I apply filter: blur(12px) to the slider image without losing the overlayer on top?
    CleanShot 2022-11-19 at 15.27.12@2x.png

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

    The slider lost the green overlay:
    CleanShot 2022-11-19 at 15.33.09@2x.png

  10. #10
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,138
    Hello,

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

+ Reply to Thread