Full Width row layout having gaps

  • shashwatarahut

    (@shashwatarahut)


    5 years, 11 months ago

    Hi, I am new to WordPress, beginner. I made a webpage using Kadenece blocks, and it was doing fine, until one morning the design broke down. Now the row layouts have gaps on both sides of the webpage. I have used other plugins as well and they were all working fine until it happened.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    5 years, 11 months ago

    Hi @shashwatarahut,
    Welcome to WordPress! Are you just referencing the 15px padding on either side of your rows? You should be able to adjust that from your row layout block settings. Or are you referencing something different? Sorry if I’m misunderstanding.

    Best,
    Hannah

    Plugin Contributor Ben Ritner – Kadence WP

    (@britner)

    5 years, 11 months ago

    Hey,
    I took a look, your theme seems to be adding this css:

    .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 0 15px;
}

    That makes it so items with align-full all have a padding on the right and left. I’m not really sure why your theme would adding padding to every full-width row but a workaround would be to remove that padding with css like this:

    .alignfull {
    padding: 0;
}

    Ben

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Full Width row layout having gaps’ is closed to new replies.