boxed layout width

This topic has 6 replies, 2 voices, and was last updated 4 years ago by Forum Moderator.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
November 21, 2016 at 6:51 am #53333
Matthew Dill
Member
- Topics: 4
- Replies: 10
- Total: 14
Member since: October 21, 2015
How can I change the width of the boxed layout to be wider?
November 21, 2016 at 7:13 am #53343
Forum Moderator
Participant
- Topics: 0
- Replies: 25811
- Total: 25811
Member since: August 16, 2013
Hi Matthew,

Kindly show us your website URL.

Regards,
Dave
November 21, 2016 at 7:21 am #53345
Matthew Dill
Member
- Topics: 4
- Replies: 10
- Total: 14
Member since: October 21, 2015
http://www.certainwaterservice.com

I am looking to make it 1270 width for the full boxed size then be responsive with smaller screens.
November 21, 2016 at 7:36 am #53348
Forum Moderator
Participant
- Topics: 0
- Replies: 25811
- Total: 25811
Member since: August 16, 2013
Hi Matthew,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.wrapper_main{width:1270px !important;}
.layout_box .header{width:1270px !important;}
.container{width:95% !important;}

Regards,
Dave
November 21, 2016 at 8:02 am #53354
Matthew Dill
Member
- Topics: 4
- Replies: 10
- Total: 14
Member since: October 21, 2015
That kind of messed up the footer section.
November 22, 2016 at 2:31 am #53466
Matthew Dill
Member
- Topics: 4
- Replies: 10
- Total: 14
Member since: October 21, 2015
any updates on how to fix the footers width do it is centered and same width as the content?
November 22, 2016 at 5:35 am #53487
Forum Moderator
Participant
- Topics: 0
- Replies: 25811
- Total: 25811
Member since: August 16, 2013
Hi Matthew,

Add this code in Custom CSS Box:

#footer{width:1270px; margin:0 auto;}
#copyright{width:1270px; margin:0 auto;}

Regards,
Dave
Author

Posts