[Gelöst] Split: Incorrect padding applied to one of the homepage sections

[Author]

Artikel

[maiS]

Hi Waqar,

It works thank you. I have another issue but now (again) I can't create a new ticket. Can you help me split this ticket?

My problem is:
I just updated Toolset plugins and now the blue row on the front page again won't center. You guys have helped me a lot with this problem but now all the settings are correct but the row is still to the right on the mobile phone AND on desktop. See screenshot. Can you help me? the row is set to no padding or margin as it used to solve the problem.

Thanks.

[Waqar]

Hi,

I've noticed the following custom CSS code in the theme's custom CSS file:

.sidebar-none .content> *.alignfull, .sidebar-none [class*="wp-block"].alignfull, .sidebar-none .content ul.wp-block-gallery.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
}

This sets the full-screen width for the sections with "alignfull" class. But for the case where the section has some background attached too, the default padding is applied, which makes the section, stretch beyond the available screen width.

To overcome this, you can additionally include the following custom CSS code below the code mentioned above:

.sidebar-none .content> *.alignfull.has-background, .sidebar-none [class*="wp-block"].alignfull.has-background, .sidebar-none .content ul.wp-block-gallery.alignfull.has-background {
    width: 90vw;
    max-width: 90vw;
    margin-left: calc(50% - 50vw);
    padding-left: 5vw;
    padding-right: 5vw;
}

regards,
Waqar

[maiS]

Thanks Waqar - seems to do the job 🙂

[maiS]

My issue is resolved now. Thank you!