Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 3, 2019 at 8:33 am #1144379
    FeedXL2019

    Hello. Using the page builder, I have added a column to my page, and specified it to have a left/right padding of 50px (screenshot). But at certain screen widths I would like to ensure the left and right padding changes to 10px. In my case, those screen widths are between 1360 px and 1475, and below 530 px. How can I do that?

    Ordinarily I would do this with custom CSS. But I don’t believe I can do so in this case, since the theme is applying padding: 50px as inline style.

    The motivation for this is because I will soon add more text content to that column. And with left/right padding set to 50px, at those particular screen widths, the text content becomes too wide for the column, and becomes off-center (screenshot). I realize a workaround might be to reduce the font size, I’m hoping to avoid that.

    Thanks.

    October 5, 2019 at 3:14 pm #1145276
    Victoria

    Hey FeedXL2019,

    Even if the theme is applying inline styles they can still be overridden with !important; and yes, you can reduce the font size too, You can play with both options to come up with the best solution for you. There is no other way.

    Best regards,
    Victoria

    October 5, 2019 at 3:40 pm #1145291
    FeedXL2019

    >> they can still be overridden with !important

    OK thanks for that–didn’t know that. I gave it a shot, and it works. Thanks! We can consider this resolved.

    October 5, 2019 at 9:10 pm #1145362
    Victoria

    Hi FeedXL2019,

    Glad you got it working for you! :)

    If you need further assistance please let us know in another thread as we are closing this one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to change column padding at lower screen widths?’ is closed to new replies.