Slider image size

This topic contains 5 replies, has 2 voices, and was last updated by  Guust 9 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • #114476

    chrisat15
    Expired Member
    Post count: 67

    Hello,

    I would like to have the listing’s slider in full width as this looks much better. I know about the troubles using portrait pics, but we would only use landscape in fixed format.

    What I found here regarding my question:
    there is an option for user submitted images to be resized or not at GD > Design > Home:
    https://wpgeodirectory.com/docs/core-design/#resize-image

    However tweaking the slider to occupy the whole width of the section, will be very difficult, unless you and your users only upload landscape format images. In that case you can simply add width:100% in css for the images in slider and the problem will be solved.

    The option at Design and home (1024 instead of 800) doesnt work for me.
    The best solution would be the 100% css.
    Would you please point me to the correct line and file?

    I tried this (flexslider.scss):
    #geodir_carousel .geodir-active-slide img {
    opacity: 1;
    cursor: default;
    width: 100%;
    }

    But doesnt work…guess I am on the wrong file.

    Thanks in advance,
    Chris

    #114481

    Guust
    Moderator
    Post count: 29970

    What are your settings at WP Settings > Media > Large size?

    I think this is the CSS:

    
    
    .geodir_flexslider .geodir-slides img {
       width: 100%;
    }

    Let us know if that works.

    #114485

    chrisat15
    Expired Member
    Post count: 67

    Hi Guust,

    thank you for your help 🙂

    Settings at WP are 1024×1024.
    For the CSS, I tried the width 100% at all variables at flexslider.scss – no result.
    I also added your code at the bottom, again no change.

    Seems to be not that easy.

    Greetings, Chris

    #114489

    Guust
    Moderator
    Post count: 29970

    Just add the CSS to where you normally add your CSS, do not modify plugin or theme files.
    For example add it at GD > design > scripts > CSS.

    If your media settings are at 1024, images should not be scaled smaller than 1024 for the biggest dimension (height or width), I just tested it.

    #114491

    chrisat15
    Expired Member
    Post count: 67

    Solved!

    Guust – thank you so much…working perfect.
    And it’s really easy, when you know where to add the code. 🙂

    Greetings, Chris

    #114500

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount