Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 11, 2015 at 3:34 pm #485999
    gjelsvik

    I have just started using enfold today. I have set up a simple “color section” with a full width background image.
    Inside this I have 3 1/3 boxes, in each box I have a incon box. So far everything is good, Except that the icon box is placed centered verticaly. So theres a large gap between my header bar, and my first three content boxes. I want perhaps 50-70px margin between the 1/3 boxes and the header.

    I didnt find any options in the color section, nor in the 1/3 sections, or in the icon box to configure this. The margin field in the icon box did nothing.

    August 11, 2015 at 4:58 pm #486068
    Elliott

    Hi gjelsvik!

    Setting a custom pixel value for the color section height would solve this. Or if you just want a CSS fix then add this to a codeblock element in the page.

    <style type = "text/css">
.avia-section.av-minimum-height .container .content { vertical-align: top !important; }
</style>

    Best regards,
    Elliott

    August 11, 2015 at 6:49 pm #486121
    gjelsvik

    I tried setting the height of the color section to various pixel values, but I need it it to be at least 800px high.. No matter what i entered in height the icon boxes was still centered verticaly.

    So, I pasted your css into the quick-css, and it solved it :) In fact now the icon boxes are a bit too close to the header.. But Thanks!

    • This reply was modified 9 years, 4 months ago by gjelsvik.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Icon box, how to align them to the top?’ is closed to new replies.