Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 3, 2018 at 2:36 pm #892838
    willemb2

    site: http://www.loopgroepoegstgeest.nl/
    No ergonomist ever said that it’s a good idea, but for 10 years now all laptops and almost all desktops on the market have 9:16 widescreens. As if we’re watching movies all day. For all other applications there is a terrible lack of vertical space. Most WordPress themes make it worse by using huge headers and inserting lots of white space between elements. In many cases you cannot even see the first blog post without scrolling.
    Enfold is no exception when it comes to wasting vertical space. Here’s a screenshot of our homepage with red arrows where I would like to adjust the space between elements and one green “OK!” where it is like I would set it. We couldn’t find a setting to change the spacing or padding. Is there one, or can it be done with Quick CSS?
    too much vertical spacing

    • This topic was modified 6 years, 11 months ago by willemb2.
    January 4, 2018 at 7:09 am #893125
    Rikard

    Hey willemb2,

    Please try the following in Quick CSS under Enfold->General Styling:

    .content {
  padding:0 !important;
}

    Best regards,
    Rikard

    January 19, 2018 at 9:10 pm #899855
    willemb2

    Hello Rikard,
    Sorry for the delayed reply. I should not ask questions on a forum 2 days before a holiday. Thank you for this Quick CSS code. It works for the most important parts n top, but:
    – padding: 0 appeared to be too radical. Any other number than 0 put the full spacing back, but I found that I can also specify a number of pixels. I have set it at “padding: 20px” for the moment.
    – The effect seems not the same for all content elements. But my guess is that internal padding and (invisible) border width of elements also plays a role.
    – It doesn’t effect the vertical white space above the 1/3 layout elements with categories and magazine further down the page. This is also quite large. Is there a way to decrease that? We already have padding 0px and border: none in the settings for those elements.

    kind regards,
    Willem

    • This reply was modified 6 years, 11 months ago by willemb2.
    January 20, 2018 at 7:19 am #900020
    Victoria

    Hi Willem,

    This horizontal line element of 50px height can be removed from your page and the padding there will be fine
    Image 2018-01-20 at 13.18.09.png

    Please show us other places where you need more adjusting.

    Best regards,
    Victoria

    January 20, 2018 at 2:44 pm #900084
    willemb2

    Oops, shame on me! My lack of experience with the Avia Layout Builder and the fact that I did not build the site are the real problems. I had seen those lines in the page editor, but thought they were part of the layout elements. On another computer with Firefox instead of Edge, the little icons like “Edit element” appear when I put the mouse pointer on them. So the tools to make the adjustments I want are already there. Maybe even without the extra CSS. I have some homework to do.
    Thank you!

    January 20, 2018 at 6:50 pm #900154
    Mike

    Hi,
    Glad we were able to help, shall we close this then?

    Best regards,
    Mike

    January 20, 2018 at 9:20 pm #900189
    willemb2

    Yes, please do.

    January 20, 2018 at 9:29 pm #900191
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to waste less vertical space?’ is closed to new replies.