- XF Compatibility
- 2.2.x
- Short Description
- Pearl Grey boxed style with simple CSS edits. Change width, background colors via extra.less or ACP settings. Thanks to @nicodak for nav assistance.
Hello Friends,
Here is a simple boxed (wrapped) style in Pearl Grey. There are a significant number of CSS edits but they are simple to change if needed as they are mostly very basic CSS attached to simple design edits. I will attach more pics in a moment. 🙂 And a big thank you to @nicodak for helping me out with nav issue. 🙂
1. You can change the boxed page width in extra.less template and make sure you change it in your ACP as well.
2. You can change the overall background (not page background in ACP) using this code: html{background: your color;} added to extra.less template.
3. You can change the page background to whatever you want in your ACP > page set up > page background
Thank you.
Here is a simple boxed (wrapped) style in Pearl Grey. There are a significant number of CSS edits but they are simple to change if needed as they are mostly very basic CSS attached to simple design edits. I will attach more pics in a moment. 🙂 And a big thank you to @nicodak for helping me out with nav issue. 🙂
1. You can change the boxed page width in extra.less template and make sure you change it in your ACP as well.
2. You can change the overall background (not page background in ACP) using this code: html{background: your color;} added to extra.less template.
3. You can change the page background to whatever you want in your ACP > page set up > page background
Thank you.
