Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 8, 2016 at 11:56 pm #722262
    luckylobo10

    Hi!

    I have a page with 1/5 column (empty) – 3/5 column (content) – 1/5 column (empty).

    I need the center 3/5 column larger in width. I guess the best way would be to reduce the size of the 1/5 empty columns on the side. Or is there a better solution?

    Adding padding on a 1/1 column is no option due to mobiles/tablets.

    Thanks!

    • This topic was modified 7 years, 11 months ago by luckylobo10.
    December 9, 2016 at 12:47 pm #722397
    luckylobo10

    I have added 10% padding left/right, so I guess we can add som CSS that removes the padding on tablets and mobile. F.ex:

    @media only screen and (max-width: 767px) {
    .flex_column av_one_full .flex_column_div first .avia-builder-el-1 {
    padding: none;
    }
    }

    But I can not get it to work. Can you please help me correct it? Thanks.

    December 12, 2016 at 9:33 pm #723387
    Nikko

    Hi,

    It would affect all 1/5 and 3/5. I would suggest enabling custom css classes first, you can check it in this post: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    By using custom css classes you can target specific classes. And you can use something like this:

    #top .custom_one_fifth {
    width: 10%;
}

#top .custom_three_fifth {
    width: 68%;
}

    The code above uses this custom class names custom_one_fifth and custom_three_fifth, you can use same class name and probably change the width. Hope this helps.

    Best regards,
    Nikko

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