page fullwidth

Hi,
how can I make the sections as fullwidth? I set Theme settings > Layouts > Fullwidth page, but I see the containers are not full width, event if I set fullwitdh for each container.
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please navigate to Theme Settings > General and set the Site Width to Content Full Width:
https://postimg.cc/87vHLQBL

If you want to make only a specific container full-width, edit the page, then edit the container, and in the XTemos Layout settings, enable Stretch Container:
https://ibb.co/s1DYvJ4

After that, check how it works on your site.

Best Regards

Hi,
thanks for your reply. I already did this but as you can see here https://adpwebdesigntest.it/formacultura/ and in the screenshot attached, it’s not fullwidth. I want the side to be max 20pixel. The containers must be fullwidth on all screens. If I open the website in a bigger screen, the side are blank.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

thank you

Hello,

Edit the page, then edit the container, and in the XTemos Layout settings, enable Stretch Container:
https://ibb.co/s1DYvJ4

After that, the sections will be in full width:

Like this: https://postimg.cc/hJkFM398

Best Regards

I see thanks. Now that my container is fullwitdh. How can I set some margin from the page borders?
Can i set a page padding? Or should I set some margin to each container? It should look like the one in the attachment, which is fullwidth but has 20px margin on both sides.
Thank you

Attachments:

You must be logged in to view attached files.

Hello,

The Stretch Container setting forces the container to the absolute edges of the screen, which is why it completely ignores any padding you try to add inside the row.

To get that perfect 20px space on the sides, please do this instead:

On your page: Edit the container, open the XTemos Layout settings, and Disable / Turn OFF the Stretch Container option.

In Theme Settings: Go to Theme Settings > General > Layout, change the Site Width to Custom, and set it to 1920px.

Navigate to Theme Settings > Custom CSS and quickly paste this single line into the Global Custom CSS field to lock in your 20px edge margin globally. This safely pushes all non-stretched pages and row contents 20px away from the screen limits

.main-page-wrapper {
 padding-left: 20px; 
padding-right: 20px; 
}

Best Regards

Great!
Thanks

sorry, how can I apply the same padding to the footer? I’m using a template for the footer, and I edited the container, open the XTemos Layout settings, and Disable / Turn OFF the Stretch Container option.
But the side padding is smaller than on the page content. Any idea why?
Thank you

Also the title area as you can see here https://adpwebdesigntest.it/formacultura/made-in-italy/ doesn’t display as the rest of the page (fullwidth and side padding of 20px).
Where can I change these settings for title areas?

Thank you

Hello,

I see the footer already has padding. For the page title, Edit the page with elementor > Edit page title widget and disable the option “Full width”: https://postimg.cc/2b70WRBH

Best Regards

Hi

I solved for the title of the pages, thank you. For the footer, I cannot find the padding you are talking about. Can you please explain where this passing have been added and how to make the footer the same width as the rest of the content?

thank you

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say your site is not working properly due to server issues.

See Screenshots for better understanding:
https://postimg.cc/w1FhQJ59
https://postimg.cc/V0yMkFw5

Best Regards

[adpwebdesign.it]

Hello,

There was a server issue on the frontend.

• This reply was modified 4 days, 2 hours ago by adpwebdesign.it.

Hello,

I tried accessing the URL you provided, but it is currently unreachable. The domain formacultura.com cannot be resolved, and I receive a DNS error stating that the hostname does not exist.
https://postimg.cc/s13F39v5

Could you please verify that the domain is active and accessible, or provide updated access details?

Best Regards

Sorry, now it’s working. Here is the new login. See #721273 for reference to this ticket. Thank you for your help

http://formacultura.com/wp-admin/?wtlwp_token=dd781facf4758e20f857c137d09776e5547d96eb2ceea14b6700fdc41788f723e5428be88beaaece47add5f7a5ce077bde73f539d82a0651409b9f218655f859

Hello,

Please edit the Footer HTML Block with Elementor, edit the main container, and set the desired left and right padding (for example, 20px) in the container settings and check how it works.

Best Regards

[Author]

Posts