Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • felix1 Friend
    #204456

    I’ve tried to insert following code in my “custom.css”:

    .layout-blog .blog-item .col-media {
    max-height: auto;
    }

    But the images on blog page is still 336px in height. What am I missing?

    Felix Rimfrost

    phong nam Friend
    #562219

    Open custom.css file then add

    .layout-blog .blog-item .col-media {
    margin: 0;
    max-height: 336px;
    position: relative;
    background: #e5e5e5
    overflow: hidden;
    }

    default value set to 336px, please change this value match with your needs.

    Thanks

    felix1 Friend
    #562278

    <em>@Leo Burnetts 462320 wrote:</em><blockquote>Open custom.css file then add

    .layout-blog .blog-item .col-media {
    margin: 0;
    max-height: 336px;
    position: relative;
    background: #e5e5e5
    overflow: hidden;
    }

    default value set to 336px, please change this value match with your needs.

    Thanks</blockquote>

    Hallo!

    I’ve put your code in my custom.css and change 336px to 800px but nothing happens?

    What am I doing wrong, or is it some cache problem? I’ve cleared my browser cache…

    Felix Rimfrost

    phong nam Friend
    #562335

    Please add !important for max-height property like so

    .layout-blog .blog-item .col-media {
    margin: 0;
    max-height: 800px !important;
    position: relative;
    background: #e5e5e5
    overflow: hidden;
    }

    then recheck.

    felix1 Friend
    #562465

    <em>@Leo Burnetts 462472 wrote:</em><blockquote>Please add !important for max-height property.</blockquote>

    Yes it’s working! 🙂

    You are the best!

    Felix Rimfrost

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

This topic contains 5 replies, has 2 voices, and was last updated by  felix1 9 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum