Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1217041

    Hi, I feel that the default vertical whitespace between layout elements is far to much at-least for mobile devices. I want a tighter look. Where can I find documentation on how to do custom CSS for this preverably also for diferent screen sizes. I am in particular interested to have a more tight distance between color sections and the other layout elements (1/1, 1/2 etc).

    #1217157

    Hey Terve,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    #1217277

    Hi Jordan,
    Here is one such example https://aptilostaging.wpengine.com/solutions/carrier-wifi/operator-managed-guest-wifi/ where I think it is a bit to much whitespace between the grey color section and the “Managed Guest Wi-Fi Your primary B2B asset” heading. If you look at it in a mobile I would say it is way to much maybe half would be good.

    • This reply was modified 4 years ago by Terve.
    #1217329

    Hi Jordan, some additional information. It seems to help if I place a 1/1 or any other such layout elements inside a color section i.e the white space between color section and another color section is ok, but for some reason the distance between a color section and a 1/1 (or other such) is too big.
    For me this seems like a workaround that shouldn’t be necessary? I mean it isn’t really best practise to have a layout element inside another layout element, such the color section, unless you need another background or something?

    UPDATE: The above only applies if ALL element on the page is in a colorsection. Exampel:

    Swedish page all elements are within a colorsection white space between elements ok: https://aptilostaging.wpengine.com/cloud/guest-wifi-cloud-swedish/

    English page where only elements that should have different color or background is within color section, far too much space between elements IMHO: https://aptilostaging.wpengine.com/cloud/guest-wifi-cloud-english/

    • This reply was modified 4 years ago by Terve.
    #1217490

    Hi,

    Are you concerned about all the spacing or just the one under the header?

    Best regards,
    Jordan Shannon

    #1217491

    Well, when I look unto this more I may change my mind ;=)), but for now it is only the one spacing between the blue color section with initial text and the text under.

    #1217501

    Hi,

    Try adding this to quick css:

    @media only screen and (max-width: 767px){
    .template-page.content.av-content-full.alpha.units{
    padding-top:10px!important;
    }}

    Best regards,
    Jordan Shannon

    #1217624

    That was just perfect! Thanks a million Jordan!

    #1217833

    Hi,

    No problem! I’m happy to help! If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Customize vertical white space between layout elements’ is closed to new replies.