Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 12, 2023 at 7:24 pm #1404263
    Ernie4President

    Hi,
    I’ve created a page with a Grid Row containing 4 columns.
    The idea is to have 4 columns, and aligned to the center of the screen.
    So what I did is add this code to the CSS:
    `
    .av-layout-grid-container {
    width: 85%;
    }
    ‘
    Unfortunately I couldn’t get the columns to be placed in the center. As you can see on the home page the entire div is aligned to the left.
    Can you help please?

    Thanks,
    René

    April 13, 2023 at 8:09 am #1404303
    Ismael

    Hey Ernie4President,

    Thank you for the inquiry.

    You have to set the left and right margin of the grid row container to auto. Please use this css code instead.

    .av-layout-grid-container {
    width: 85%;
    margin: 0 auto;
}

    Best regards,
    Ismael

    April 13, 2023 at 9:20 am #1404313
    Ernie4President

    Thank you Ismael!
    That solved it :-)

    April 13, 2023 at 12:29 pm #1404348
    Nikko

    Hi Ernie4President,

    I’m glad that Ismael could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Reducing grid row to 85% of the screen and align it to the center’ is closed to new replies.