• Help…. I’m trying to limit my web pages to a certain width when viewed on large displays (ie: Max page width 1200px) and still keep everything under that width responsive. The closest I’ve come to accomplishing this is by using the L & R padding under the page settings/style/body style, but using this still doesn’t look right on larger displays.

    How do I accomplish this? I thought that the Content Width setting in the dashboard would work but no such luck. I am using the Hello theme in Elementor. Any help would be really appreciated, Thanks

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi skienbob, when you’re editing your page (Editing in Elementor), try clicking on the Edit Section button (blue toolbar up at top of page)…then from there, you can edit the Layout of the section. Once you are editing the Layout, you can edit the content width — you should have options for Boxed or Full Width. If you select Boxed and then set the width to 1200 or whatever you decide on then you should be good to go ??

    Hey Bob, one thing I did not ask / clarify as well — you are using Hello Elementor Theme…are you also using Elementor Page Builder? The instructions/response I gave would be for using Elementor Page Builder, if that makes sense.

    Thread Starter skienbob

    (@skienbob)

    Hi stephenallen28, thanks for the reply, I am using page builder, I’ve already tried the content width Both in edit section/layout & Elementor/settings/style, in both it works on the content within the borders but not the borders, I need it to include the borders as well. Thanks!

    Hi skienbob, I am afraid that might be a bit beyond my expertise…I am hopeful that another commenter might come along who might be able to assist though. I also remain somewhat unclear about the request, and so maybe one more follow up describing borders vs. content etc. (making clear exactly what the end goal looks like etc.) might be helpful as well?

    Beyond that, for what it’s worth, I have had absolutely fantastic luck with Elementor’s support team…granted you have to buy Elementor Pro…but they are truly amazing.

    I’ll stay tuned and then if I have any other ideas that might be helpful I’ll chime in.

    One final thought, I do know that you can add borders to Sections as well…I am not sure how your page is structured currently, if you have a maroon background, or if you are using borders, etc. but you might be able to play with that.

    Other settings to play with…the Stretch Section button within Section / Layout…Also changing the settings on your background image in your section: default/cover etc. Maybe you’ll shake something loose! Good luck.

    Thread Starter skienbob

    (@skienbob)

    Hi stephenallen28, Thank You for your effort, I do have Pro and sent them a Ticket on this a few days ago but still haven’t heard back from them.

    I built My maroon borders around the sections, (Header-Left, top, right) (Nav & Main-Left & Right) (Footer- Left, Bottom, Right) The left & Right borders always stay at the edge of the display no matter what I’ve tried. Except for using the L-R padding under the page settings/style/body style, this does get the borders away from the edge of the display, If I use 7-10% padding on a med sized display I get what I want, but on a larger display it stretches way wider than acceptable, if I jump up to a higher padding percentage then its to narrow on the med display. So obviously the padding is not the right approach.

    Thanks Again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do I accomplish setting a maximum width to all my web pages.’ is closed to new replies.