[Resolved] Full width not working

[Author]

Posts

[maiS]

Hi there,

I am using toolset and blocks and I wanna set a row to full width but it is not working. I have attached a screenshot of my settings in the back end and a screenshot of the front end results.

Can you help? Thanks.

[maiS]

Hi again,

It seems that it is all elements that can't have full width in the custom template. Is there a setting somewhere that I have missed?

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

I have your website's admin access details from the previous ticket, but I couldn't find the section shown in your screenshots.

If you could share the link to a page where this section can be seen, I'll be in a better position to guide you accordingly.

regards,
Waqar

[maiS]

Hi Waqar,

Perfect - here is the link to the site in backend: hidden link

[maiS]

Hi Waqar,

Dit you receive my last message? 🙂

[Waqar]

Hi,

Thank you for waiting and I apologize for the delay in getting back on this.

Since the theme restricts the content area inside a fixed-width area, that container is not showing covering the full-screen width.

To achieve this, you can include some custom CSS code, in your content template, for example:

.wp-block-toolset-blocks-container.alignfull {
max-width: 100vw;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

I hope this helps!

Note: The custom code examples from our forum are shared to get you started in the right direction. You're welcome to adjust them as needed and for more personalized customization assistance, you can consider hiring a professional from our list of recommended contractors:
https://toolset.com/contractors/

regards,
Waqar

[maiS]

Hi Waqar,

It works for everything except the map! 🙂 Is it possible to make the map full width as well?

Thanks

[Waqar]

Thanks for writing back and glad that it works.

That custom CSS code will work for all container blocks, where "Block Alignment" is set to "Full width".
( screenshot: hidden link )

I've set this map's container block to full width and the custom CSS is code is now also being applied to it.

[maiS]

Hi Waqar,

Thank you so much - it's working now!

[maiS]

My issue is resolved now. Thank you!