-
Posts
-
Hi
I am using Enfold with a boxed layout, but it is too wide for my needs, I would like to make the total width of the boxed layout to be less. 980px would be ideal I think. I took a stab at custom css to do it, but only got certain elements to shrink, not the entire.
And, would changing this affect the menu break down for the resposive side of things? and do I need to change that code as well?If you could help me with some css for this, that would be awesome.
Thanks
GlenHey glenh82!
Thank you for using the theme.
Decreasing the width of the boxed layout is not that simple. Please go to css > grid.css then look for every instances of the boxed selector. Copy those to the Quick CSS or custom.css file. You also need to adjust the grid units’ width like for example .twelve.units etc.
Regards,
IsmaelHi Ismael
Before I purchased this theme and moved to it from the abundance theme, I asked about doing this, and one of the mods, Yigit, said, and I quote
“You can easily change layout width with custom CSS codes but it will be even easier very soon.”So that’s a little disappointing to be told that, then told it’s “not that easy”. Unfortunately I am under the pump with this project, and I think it looks like it will be quicker to adapt the pages and sliders to match the bigger size. Hopefully the client will be ok with that.
Regards
GlenHey!
The next update (version 3.0) will enable the client to use custom width values for the content box, page width, etc.
I’m sorry that Yigit’s answer was misleading for you.Cheers!
PeterHey Glen!
At the moment you try the following:
1. Paste the contents of css/grid.less here (at the left).
2. Change the @maxWidth value of the setting you are using (hint: reduce 100 if you want an exact value).
3. Compile it and copy the contents from the right to css/grid.css.Best regards,
Josue
- You must be logged in to reply to this topic.