Return to previous page

Boxed layout width - by Larfie - on WordPress WooCommerce support

This topic has 11 replies, 4 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

Larfie

Participant

May 21, 2014 at 16:22

Hello. I’m looking to change the size of the boxed layout width to look like http://www.freemans.com/ for example. My site isn’t live yet, I’m currently editing it on a localhost server so I’m unable to provide a link to my site. I think the default is 1230px but I’m looking to bring it to 960px.

Thanks,
Larry

#4517 Copied

10 Answers

Eva Kemp

Support staff

May 21, 2014 at 16:48

Hello,

Try to use this code in custom.css file:
.boxed .page-wrapper {width: 960px;}

Here you can watch how to create custom.css.

Regards,
Eva Kemp.

#4523 Copied

Larfie

Participant

May 21, 2014 at 17:01

Hi Eva, thanks for the reply. Unfortunately it hasn’t made a difference. I created the custom.css and tried a few things earlier. I’ve cleared anything I wrote and tried your code but it’s still the same.

#4524 Copied

Eva Kemp

Support staff

May 21, 2014 at 17:06

Hello,

Have you enabled custom.css in Theme Options > Custom CSS > On?
Sorry but it’s difficult to resolve your issue not looking at the site.

Regards,
Eva Kemp.

#4525 Copied

Larfie

Participant

May 21, 2014 at 17:13

I understand. Yes its enabled.

#4526 Copied

Jack Richardson

Support staff

May 22, 2014 at 08:05

Hello,

Did you also rename default.custom.css to custom.css?

Regards,
Jack Richardson

#4548 Copied

Larfie

Participant

May 22, 2014 at 11:17

Hi Jack,

Yes, it was changed to custom.css. After the code didn’t work I added .container to it to make it

.boxed .page-wrapper .container {width: 960px;}

It pulled most of the contect into 960px but I cant seem to pull the border in. I’ll try attach pics to show:

http://imgur.com/XCgGlqU
http://imgur.com/HcVWB3H

#4566 Copied

Eva Kemp

Support staff

May 22, 2014 at 12:25

Hello,

Please try to use this code:
.boxed .page-wrapper, .container {width: 960px !important;}

Regards,
Eva Kemp.

#4573 Copied

Olga Barlow

Support staff

May 22, 2014 at 14:05

Hello,

Remove changes from custom.css.
Go to Theme Options > Responsive > set 1600 for example instead of default 1200px. And page wrapper width will be 980px for screens less than 1600px. Set more then 1600 if you want 980px width even on large screens.

Regards,
Olga Barlow

#4575 Copied

Larfie

Participant

May 23, 2014 at 15:26

Thank you all for you help. This has solved the issue

#4755 Copied

Eva Kemp

Support staff

May 23, 2014 at 16:27

You’re welcome.

Regards,
Eva Kemp.

#4763 Copied
Viewing 11 results - 1 through 11 (of 11 total)