Joomla Templates Club 406,261 posts

[kvdman Friend kvdmanJoin date: January 2007Posts: 6Downloads:1Uploads:0 Thanks: 3]

#187801

I have disabled the responsive theme, and wanted a background width of 980 px (you can change the background colour in the template manager but not the width).

I have tried following this, but it seems a bit more complicated or outdated

http://www.joomlart.com/forums/topic/ja-norite-background-width/

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

#494213

Can you provide the url of the site you’re working on?

It would also be helpful if you set your site to “Development Mode” within your Template Manager

[kvdman Friend kvdmanJoin date: January 2007Posts: 6Downloads:1Uploads:0 Thanks: 3]

#494221

thanks for the reply!

i just used a quickstarter. the light grey area is what I want to be 980 or 940 px.

http://george.allyourbits.com/

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

#494223

Just so I understand … which background element are you wanting to modify?
– the far background image?
– the grey for the main site container?

[kvdman Friend kvdmanJoin date: January 2007Posts: 6Downloads:1Uploads:0 Thanks: 3]

#494274

well I originally meant they grey background container, but now that you mention it, the image as well :laugh:

thx

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

#494321

For the grey “container” background, here is how you can modify it . . .

Within file path –> /t3-assets/dev/red/templates.ja_hawkstore.less.core.less.css

at line 10, you will see the following:


.container {
background-color: #424242
overflow: visible !important;
padding-left: 100px;
padding-right: 100px;
}

What you can do is add a “width” property to this CSS rule – for example:


.container {
background-color: #424242
width: 980px;
overflow: visible !important;
padding-left: 100px;
padding-right: 100px;
}

[kvdman Friend kvdmanJoin date: January 2007Posts: 6Downloads:1Uploads:0 Thanks: 3]

#494371

Thanks Tom, I’ll try that!

[Author]

Posts