Forum Support

 
Advanced Search


[1]

Offline sulu17
Free Member
Posts: 63
Posted on: November 05, 2015, 03:29:26 AM

Hi,

I struggle with this problem:

the maximal body width is set to 1400px. If the screen is larger, there should bei a grey background like here: http://www.ewo-fluid-power.de/
The background of the actual site should be white.

How can I do that with the new template? Is the only solution to adapt all css-styles?

Thanks for your support.

Regards
Susanne

Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: November 05, 2015, 01:38:48 PM

Hello,

In order to do this you would need to remove the "s5_wrap" on all DIVs and then put it on the below DIV.  Then you can add a background color of white to the below DIV too

<div id="s5_body_padding">
Logged

Offline sulu17
Free Member
Posts: 63
Posted on: November 09, 2015, 12:36:53 AM

Thanks, but could you give us some more hints? In which files do I have to remove the s5_wrap?
And s5_body_padding is a new id?

Can you give an example for the changes?

The goal is at the and, that the background on left and right side is grey and the middle part (modules, component,..) is white.

regards
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: November 09, 2015, 01:52:13 PM

Oh sorry yeah the file is the index.php file.  So in your site:

Joomla root/templates/zoka_transports/index.php

The CSS for the white background that you can add to your custom.css file located here:

Joomla root/templates/zoka_transports/css/custom.css

is:

Code:
#s5_body_padding {
background:#fff;}

You'll then need to change the background of the body to your gray color.  Which you can do by opening up the template.css file and right at the top your see:

Code:
body  {
color:#191919;
background:#ffffff;
font-weight: 300;
font-size:1em;
overflow-x:hidden;
letter-spacing: 1px;
line-height:193%;}

Just change the background color here to whatever gray HEX color you want to use.
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.018 seconds with 21 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.