Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 8, 2014 at 11:41 am #332279
    Welmoed

    Hi!

    On the front page of a client’s website, there are 6 boxes. Most are text/blog items, but the top 2 are different: just a picture (top left) and a YouTube-video (top right). If you look closely, you can see that the top of the boxes are not on the same ‘line’ so to say. I hope you understand what I mean. Is there a way to make them the same size/same line at the top somehow?

    Thanks!

    Welmoed

    October 8, 2014 at 12:06 pm #332292
    Yigit

    Hey Welmoed!

    Please add following code to Quick CSS

    .flex_column.av_one_half.avia-builder-el-4.el_after_av_one_half.el_before_av_one_half.column-top-margin {
margin-top: 39px;
}

    Regards,
    Yigit

    October 8, 2014 at 1:09 pm #332348
    Welmoed

    thanks!!

    October 8, 2014 at 1:13 pm #332352
    Yigit

    Hi!

    You are welcome Welmoed, glad we could help!
    Alternatively, you can turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) give your text block element ( which has your YouTube video in it ) a unique class and use following code 

    .your-custom-class { margin-top: -5px; }

    Regards,
    Yigit

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