Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 15, 2015 at 9:23 pm #519573
    MulderMind

    Hi there,
    Is it possible to add padding to a content section or normal layout cell like I can do on a grid row?
    I want 150px on the left and 150px on the right.
    Also I want the verticle alignment to be centred.

    I’m currently using a grid row with 1 cell to achieve this effect but that totaly messes up on the iPad – see the image.

    Hope to hear from you!

    October 16, 2015 at 10:11 am #519747
    Rikard

    Hi MulderMind,

    Maybe you could use the layout element to create that effect instead? For instance: 3 x 1/3 elements with your content in the middle?

    Thanks,
    Rikard

    October 27, 2015 at 12:05 am #525243
    MulderMind

    Hi,

    The padding on the Cells Works but its terrible on mobile devices.
    Is there any css i can add to have to padding only applied on screens larger than a set number of pixels?

    With kind regards,

    Jeroen

    October 27, 2015 at 12:37 pm #525455
    Rikard

    Hi,

    Did you try my suggestion and did you have any luck with it? Yes, you can use media queries in CSS to target different screen sizes: 

    /* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 990px) {}
 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

    Best regards,
    Rikard

    October 27, 2015 at 2:14 pm #525490
    MulderMind

    Hi Rikard,

    I tried the 3 x 1/3 but that didnt give me the spacing I was looking for.

    The width of the site is set on 1200 pixels and basicly I want to set the width of the text on 1000 pixels.
    So 100px padding on the left and 100px padding on the right.

    This works with the cell options but it on mobile devices it messes up the layout.

    I’ll try the CSS queries.
    Thanks!

    October 27, 2015 at 2:36 pm #525494
    MulderMind

    Hi Rikard,

    I added this code to the quick CSS and that did the trick:

    @media only screen and (max-device-width: 736px) {
    .responsive #top #wrap_all .flex_column {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }}

    Thanks for your help!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Padding on content section’ is closed to new replies.