Make website boxed and have jpg as background?

Hi there,

How can I have the website as a box (still be responsive) and have an image as the background please?

I have attached an image what I would like.

Thank you

 

Hello Leo !

Unfortunately ! this is not possible with us because it required lots of css code management.
When we change the size of outermost container it will create issues with inner content and unbalance the whole alignment.

Thanks & Regards
Pramod

 

Hi Pramod,

Can you please tell me how to try this. It's very important that the site has a boxed layout.
Can you tell me what CSS to change, I just need a simple box around the site. Even if the background is not a jpg and just colour. I need the website to not be as wide.


Or could you please tell me how to place two images down the sides of the website instead then?

 

Hi Leo!

Please follow the screenshots and instructions given below.

1>

Code:

<div class="box_as_background">

2>

3>
Now, Please paste the code given below in Custom CSS section
(Geocraft settings -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.box_as_background {
width: 1190px;
margin: 0 auto;
border: 10px solid black;
}

Thanks,
Praveen

 

Hi Praveen,

It is perfect, exactly what I need, but it is not responsive!
If I set the width to % will it be responsive?
Please help, and thank you
Leo

 

I have just tested it at 95% and it seems to be responsive! But the mobile logo is too big now!

Is there a way to change the background to a jpg or a color please?

 

Hey Leo!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.logo a img {
width: 45% !important;
float: none !important;
margin: auto !important;
}
}
.box_as_background {
background: white;
}
body {
background: red !important;
}

Thanks,
Praveen