Support Has Moved!

Please post all new questions on the new support system

Before posting a discussion topic, be sure to check out our Forum Rules and Support Policy.

Get design feedback and approval with our newest WordPress plugin, ProjectHuddle. Check it out →

Latest Struck Version is 1.06

Latest GridStack Version is 1.1

Latest Edition Version is 1.6

Latest District Version is 1.2.6

Latest ExtraNews Version is 1.4.9

Latest Aware Version is 1.4

Latest BigFormat Version is 1.4

Latest Bookcase Version is 1.54

Latest Ellipsis Version is 1.5

Images on post slider stretching

LucvanLoon's Avatar

LucvanLoon

07 Oct, 2015 09:33 PM

Hi,

I've search on this forum but couldn't find my exact issue.

I'm having trouble with the slider on the post page. Using a featured image and slider 2 image on this page:
http://d-lt.nl/2015/10/evo-led-module-k50-12w/

I've fixed just the featured image using some css on another product page:
http://d-lt.nl/2015/08/efici-plr-te/

But the moment I add a slider image to the post, the image strechting happens.

Probably a css fix for this, but I can't seem to find it myself.

Thank you kindly,
Luc

  1. 1 Posted by Eric Schmidt on 08 Oct, 2015 02:24 PM

    Eric Schmidt's Avatar

    Hi,

    I'm not seeing featured images on either of those links. Did you remove them? I'd need to see this in action to figure out what's happening.

    Thanks,

    Eric

  2. 2 Posted by LucvanLoon on 08 Oct, 2015 04:26 PM

    LucvanLoon's Avatar

    Ugh I'm sorry.

    Now they're back.
    http://d-lt.nl/2015/10/evo-led-module-k50-12w/

  3. 3 Posted by Eric Schmidt on 09 Oct, 2015 02:32 PM

    Eric Schmidt's Avatar

    Hi,

    I'm still not seeing a featured image on that link. If you don't want that viewable to regular users on your site, you could maybe setup a new test post to try and show an example of this.

    Eric

  4. 4 Posted by LucvanLoon on 09 Oct, 2015 04:09 PM

    LucvanLoon's Avatar

    Hi Eric,

    Again I'm sorry. Now you should see them...

  5. Support Staff 5 Posted by Andre Gagnon on 09 Oct, 2015 04:49 PM

    Andre Gagnon's Avatar

    Hi Lucvan,

    You added this to your custom css:

    .featured-image img {
        margin: 0 auto;
        max-height: 150px;
    }
    

    Remove that and it should fix the issue.

    Andre

  6. 6 Posted by LucvanLoon on 09 Oct, 2015 05:08 PM

    LucvanLoon's Avatar

    Hmm that does fix it. Thank you.

    I've added it to fix the featured image size on the search page. Is there a clean way to make that featured image a little smaller?

    http://d-lt.nl/?s=evo+led

  7. 7 Posted by Eric Schmidt on 12 Oct, 2015 04:27 PM

    Eric Schmidt's Avatar

    Hi,

    To target the search results page only, try this custom css...

    .search-results .featured-image img {
        margin: 0 auto;
        max-height: 150px;
    }
    

    Eric

  8. 8 Posted by LucvanLoon on 12 Oct, 2015 04:34 PM

    LucvanLoon's Avatar

    Hi Eric,

    That does work for regular images on the search results page, but not for search results posts that contain sliders.

    Maybe if we include the class "bxslider" someway, or is it loaded after the page is initiated?

    http://d-lt.nl/?s=aircom

    Thank you for all the effort,

    Luc

  9. 9 Posted by Eric Schmidt on 12 Oct, 2015 04:37 PM

    Eric Schmidt's Avatar

    Hi,

    Try switching it to this to make sure the width of the image also resets...

    .search-results .featured-image img {
        margin: 0 auto;
        max-height: 150px;
        width: auto;
    }
    

    Eric

  10. 10 Posted by LucvanLoon on 12 Oct, 2015 04:40 PM

    LucvanLoon's Avatar

    Hi Eric,

    Thank you, that fixed it. Consider my problems solved. :)

    Luc

  11. Eric Schmidt closed this discussion on 12 Oct, 2015 04:42 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac