How to change total width of boxed Layout

Dear Team from Xtemos,

how can I increase the widht of the boxed container vis custom css?

I tried:

@media (min-width: 1420px) {
.wrapper-boxed .container {
    max-width: 1420px;
    width: 95%;
}

with kind regards

Andre

Hello,

Could you please send us your website url so we can prepare a custom snippet for you?

Thank you

Thank you for your fast response

Hi yes the url is https://roomique.com

its currently set on layout wide with a limit 10 1420px but we plan it to be boxed layout

with kind regards

Andre

Hello,

You can use the following CSS code for this

body.wrapper-boxed .website-wrapper {
    max-width: 1400px;
}

body.wrapper-boxed .website-wrapper .container {
		width:1400px;
}

Thank you so much it worked out fine!

But we have an isue now. By reducing the website/ Browser width to 1200px the page title starts going crazy big. you can visit the page and try you will see that the settings for page title get ignored.

you might have an idea what this can be?

best regards

Andre

I found out its then ignoring them option custom css styles

After addingthem to child styles it worked but they were in custom css already – strange!?

Strange, the code should work from Custom CSS as well. Anyway, it would be better to keep it in the child theme.

[Author]

Posts