Skip Navigation

[Resolved] Full width not working

This support ticket is created 3 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 9 replies, has 2 voices.

Last updated by maiS 3 years, 7 months ago.

Assisted by: Waqar.

Author
Posts
#1719595
Skærmbillede-2020-07-27-kl.-15.19.40.jpg
Skærmbillede-2020-07-27-kl.-15.19.24.jpg

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.

#1719693

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?

#1720421

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

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

#1721089

Hi Waqar,

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

#1722043

Hi Waqar,

Dit you receive my last message? 🙂

#1722489

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

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

#1724943

Hi Waqar,

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

Thanks

#1725325

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

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.

#1726025

Hi Waqar,

Thank you so much - it's working now!

#1726029

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.