How to make it a Boxed layout?

shoostah
(@shoostah)

10 years, 9 months ago
Trying to make enigma a boxed layout like in the demo. The search brought up this solution. Add
```
#page {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
```
to the bottom of the style.css. I did that and it didnt work! Anyone have any suggestions?

Viewing 13 replies - 1 through 13 (of 13 total)

marcoblank
(@marcoblank)

10 years, 9 months ago

#page {
width: 80%;
margin-left: auto;
margin-right: auto;
}

if didnt work, try it on #body or maybe body_wrapper.
Also set the width for each @media setting.
Regards.

Thread Starter shoostah
(@shoostah)

10 years, 9 months ago

Hello, thank you for the response! I tried everything you said and nothing even changed 🙁

asjacobs
(@asjacobs)

10 years, 9 months ago

I did get this to work with .page, not #page

weblizar_support
(@weblizar_support)

10 years, 9 months ago

Hi asjacobs,

I appreciate your work.

Thanks

Thread Starter shoostah
(@shoostah)

10 years, 9 months ago

It’s still not working for me :(. I see no changes! I added .page {
width: 80%;
margin-left: auto;
margin-right: auto;
}

and still nothing. My website is wwww.worldwidesweeping.com

Thanks for all the help !

weblizar_support
(@weblizar_support)

10 years, 9 months ago

Hi,

Its working only for pages not for home page.

Thanks

Thread Starter shoostah
(@shoostah)

10 years, 9 months ago

how can i get the homepage like that too?

weblizar_support
(@weblizar_support)

10 years, 9 months ago

Hi,

Use below CSS into custom CSS editor:

body {
width: 80%;
margin-left: auto;
margin-right: auto;
}

Save the changes.

Thanks

Thread Starter shoostah
(@shoostah)

10 years, 9 months ago

Thank you so much! That worked!! But now a couple parts of the page didnt get reduced. Like the boxes under recent works and the latest blog box. They are still the same dimensions as before. Thanks for all your help!

Thread Starter shoostah
(@shoostah)

10 years, 9 months ago

I was able to make it a Boxed Layout now, but for some reason the Blog secion, Services section, and the social and contact info is stuck in the old wide layout. http://www.worldwidesweeping.com. Any suggestions?
weblizar_support
(@weblizar_support)

10 years, 9 months ago
Hi,

Use below CSS into custom CSS editor:
```
@media (min-width: 768px) {
.container {
    width: 100%;
}
}
```
Save the changes.
Thanks
Thread Starter shoostah
(@shoostah)

10 years, 9 months ago

Thank you so much! You’re awesome and your theme rocks :)!!

weblizar_support
(@weblizar_support)

10 years, 9 months ago

Hi,

Most Welcome.

Thanks

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘How to make it a Boxed layout?’ is closed to new replies.