Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 19, 2017 at 6:35 am #796344
    swotmarketing

    Hi Support,
    Currently my mobile website view images in column cannot be viewed in properly, either over stretched or squeezed.

    Previously css code applied was
    .responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    background-position: -45px -30px !important;
    background-size: 120% 100% !important;
    }

    But this is applied to all images which i find a bit inconsistent, i need css code that able to adjust them individually. My link: http://premiumlogistics.com.my/services/

    Please advise.

    May 19, 2017 at 12:25 pm #796521
    Rikard

    Hey swotmarketing,

    If you only want your CSS to apply to some element then you can activate the custom CSS field for builder elements by following this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then you can change you CSS to something like this instead:

    .your-class {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
background-position: -45px -30px !important;
background-size: 120% 100% !important;
}

    If that is not what you are looking for then please try to explain a bit further and post screenshot of what you are looking to accomplish.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.