Joomla Templates Club 406,261 posts

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#199582

I have no need to use canvas menu so I put it off but now I have two big empty dark grey columns on the right and the left of the home page. Is there a way to get off of them? Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541913

So that we can try to best assist you, please provide the url of the site you’re working on.

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#541915

Here it is
http://www.liceogmarconi.gov.it/joomla3

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541916

So are you wanting your site to be 100% width of browser window … or are you wanting the grey background color to be a different color (or white) ??

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#541919

I would like to try 100% of scree resolution.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541920

To get it looking right, you will need to modify a few different CSS rules.

Assumign you are using the J3.x/T3V2 version of JA Biz – and if you haven’t done so already – create a new file called “custom.css” within file path –> /templates/ja_biz/css

Within that custom.css file, paste the following CSS rules:


.container {
width: 100%;
}

.t3-slideshow .container {
margin-left: auto;
margin-right: auto;
width: 85%;
}

.home .t3-mainbody {
padding-top: 70px;
}

body {
background: url("/joomla3/templates/ja_biz/images/bg-body.png") repeat-x scroll left top #FFFFFF
}

How does that look?

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#541963

Thanks for your kindness but these rules appear only to replace the grey border with a white one. I would like to expand all the contents of the page. Have I to change some of the rules you suggested? Doing so should I have to change the dimensions of the big image accordingly?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541985

Well, you can try the following for the CSS rule below:

.t3-slideshow .container {
width: 100%;
}


[Author]

Posts