+ Reply to Thread
Results 1 to 8 of 8

Thread: How do I change the standard image size for a selected listings box ?

  1. #1
    Guru
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    2,028

    How do I change the standard image size for a selected listings box ?

    I know that I would need to add some code to the common css for the box number but I am unsure exactly what code to place to edit the standard image size from 120 * 90 to a larger size, and what the code should look like ?

  2. #2
    Hello Pete,

    I don't know exactly what line you should change in css. If you give me your site and show me box where you want to change size probably I can find line in css where can you change size for images.
    Viktor,
    Flynax technical department,
    Best wishes.

  3. #3
    Guru
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    2,028
    Hello All, at this stage we are unable to find an answer to this puzzle,

    Currently I have the code to center the listing and text that is added to the common css as below

    #listing_box_268 > li.item {
    display: inline-block;
    text-align: center;
    width: 90%;
    }

    But I am unable to work out how to edit the size of those images, I do not want to edit the standard sizes in the admin panel as those are correct, just need to add some code to edit the size for the selected listing box similar to the above.

    If any one can help it would be appreciated.
    Thanks

  4. #4
    Quote Originally Posted by Pete Young View Post
    Hello All, at this stage we are unable to find an answer to this puzzle,

    Currently I have the code to center the listing and text that is added to the common css as below

    #listing_box_268 > li.item {
    display: inline-block;
    text-align: center;
    width: 90%;
    }

    But I am unable to work out how to edit the size of those images, I do not want to edit the standard sizes in the admin panel as those are correct, just need to add some code to edit the size for the selected listing box similar to the above.

    If any one can help it would be appreciated.
    Thanks
    You can try make following changes in the Listing Box plugin:
    1. open file /listings_box/listings_box.block.tpl
    2. if you use the Default type of display mode that change row (~20)
    Code:
    Only registered members can view the code.
    3. replace to follow (set the width: 200px for ex.):
    Code:
    Only registered members can view the code.
    If you use some of responsive templates that you nee make same changes in the /blocks/featured_item.tpl file.
    Thank you, Curtis.
    @Flynax Company

  5. #5
    Guru
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    2,028
    Brilliant Curtis, wish we could add the like option to this forum

    + 1 from me thankyou and aslo to Viktor for his help

  6. #6
    Might try this myself as I changed image sizes in admin which effected listing box sizes and need them back down to 120px width. Hopefully this will work as been trying to figure a solution out
    New Site: CameraSpecs https://bit.ly/3G4uYA6

    Old Site: MotorAdsUk

  7. #7
    Guru
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    2,028
    Yes Chris all works well, just use the listing box for edited sizes and the carousel option to keep the original sizes / any problems yell out.

  8. #8
    Just an addition to this: My case i increased image upload size in admin from 120px to 130px which in effect altered my listing carousel from displaying 4 listings to 3 (as images were now bigger.

    Now i liked having 4 listings show and to do this i changed:

    In plugins/listing_carousel/carousel.listing.tpl
    Find:
    Code:
    Only registered members can view the code.
    Change to:
    Code:
    Only registered members can view the code.
    This worked but still displayed 3, but noticed the field section used the same width principal of the upload size so had to also change this:

    Same file as above find:
    Code:
    Only registered members can view the code.
    to
    Code:
    Only registered members can view the code.
    Note: If yu notice in the code you are reomving in this second bit there is a +4, so add 4px to the size of the image that you stated in the first code change.

    Hope that make sense. And it worked
    New Site: CameraSpecs https://bit.ly/3G4uYA6

    Old Site: MotorAdsUk

+ Reply to Thread