[Renden Theme] Slider & Background

go to Appearance > Editor > style.css and add below code to change the slider to full width.

body.layout-boxed #body-core, body.custom-background #body-core { max-width: 100%;}
body.layout-boxed #pre-header, body.layout-boxed #header, body.custom-background #pre-header, body.custom-background #header { margin: 0 auto; max-width: 100%;}

thanks for your answer!

but now the slider is effectively full width, but the background is gone.. any idea?

(for the information i tried to add the code with the editor and nothing happened, so i add the code with the “Custom CSS” option, don’t know if it’s important or not)

i erased the code so other people can see the background and the resized slider

you can see in image that you want.

https://postimg.org/image/6i1d2555l/

if that css not work then try this one

body.layout-boxed #body-core, body.custom-background #body-core { max-width: 100% !important;}
body.layout-boxed #pre-header, body.layout-boxed #header, body.custom-background #pre-header, body.custom-background #header { margin: 0 auto !important; max-width: 100% !important;}

Hi williamsii
Try to add this to your css, maybe you have to fix some margin and padding on the slider after this but its a start: body.layout-boxed #body-core,

body.custom-background #body-core {
max-width:100;
background-image: url(‘https://beziershypnose.esy.es/admin/wp-content/uploads/ 2016/02/fondeau.png’);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}
body.layout-boxed #pre-header,
body.layout-boxed #header,
body.custom-background #pre-header,
body.custom-background #header {
max-width: 100%;
}

#site-header {
background-image: url(‘https://beziershypnose.esy.es/admin/wp-content/uploads/2016/02/fondeau.png’);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}
#header {
background:none;

thank you both, it’s really nice to see how much your answers are reactive, you rocks

unfortunately none of your answers are working, the pratik53’s method give me the same result of the first try

and MagnusCron’s method doesn’t seem to change anything(visually of course, thank you for trying)

perhaps i have to change directly the Theme Options parameters, maybe there is interferences between them and your codes..

Hi ,
I tried the code in Google and there It works perfectly ,maybe the css get overwritten ,are the applied css come last ,?

Hi again! I took a look at your site and the reason my css doesnt work is because that the image url isnt correct. I also missed the % sign after max-width.
First in the :

body.custom-background #body-core {
           max-width:100%;
            background-image: url("https://beziershypnose.esy.es/admin/wp-content/uploads/2016/02/fondeau.png");
}

and in the site-header you must correct this:

#site-header {
background-image:
url("https://beziershypnose.esy.es/admin/wp-content/uploads/2016/02/fondeau.png");
}

try this and I will check again, it is important that the url is correct otherwise it looked good.
/Magnus

Thank you again Magnus, i really don’t understand why it still don’t work..

I correct the both parts of your code but nothing to do, the background doesn’t want to show his face..
At the end of your code you don’t put the ” } ” to finish, i don’t know if it’s normal or not, but even if i try with and without, nothing happens.

You can find the new code i put in my “Custom CSS” option just here :

body.layout-boxed #body-core,
body.custom-background #body-core {
           max-width:100%;
            background-image: url("https://beziershypnose.esy.es/admin/wp-content/uploads/2016/02/fondeau.png");
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}
body.layout-boxed #pre-header,
body.layout-boxed #header,
body.custom-background #pre-header,
body.custom-background #header {
max-width: 100%;
}

#site-header {
background-image: url("https://beziershypnose.esy.es/admin/wp-content/uploads/2016/02/fondeau.png");
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}
#header {
background:none;
}

Hi!
There is something about the quotes that doesnt work properly for the url.
Do you add the css via Appearance > Editor > style.css

Have you tried this to edit the css https://www.ads-software.com/plugins/simple-custom-css/
You can test background-image:url(htttp…); without quots.

I tried everything, with & without quotes, with Theme Custom CSS, Simple Custom CSS, Appearance Editor.. the background still dont wanna display.

You said earlier that you had the result with Google, can you tell me more or give me a Screenshot ? My hope need to be feed hahaha

In any case thank you again Magnus

Hi there!
Now when I remove the background from this then everything works. So remove the backgrounds from this section so you just have the max-width left.

body.layout-boxed #body-core,
body.custom-background #body-core {
           max-width:100%;

}

Do that and I will check again:

YOU ROOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOCKS

it’s all good, thank you for all, i’m gonna negociate to have you a mention on the site credits hahaha