Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 27, 2020 at 5:07 pm #1217041
    Terve

    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).

    May 27, 2020 at 10:01 pm #1217157
    Jordan Shannon

    Hey Terve,

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

    Best regards,
    Jordan Shannon

    May 28, 2020 at 9:06 am #1217277
    Terve

    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, 7 months ago by Terve.
    May 28, 2020 at 12:46 pm #1217329
    Terve

    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, 6 months ago by Terve.
    May 28, 2020 at 7:26 pm #1217490
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    May 28, 2020 at 7:32 pm #1217491
    Terve

    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.

    May 28, 2020 at 8:30 pm #1217501
    Jordan Shannon

    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

    May 29, 2020 at 9:26 am #1217624
    Terve

    That was just perfect! Thanks a million Jordan!

    May 29, 2020 at 6:53 pm #1217833
    Jordan Shannon

    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

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