Personalise Lodestar theme

ravenadv · Member · Dec 28, 2020 at 4:23 pm
Copy link

Add topic to favorites
I’m using the Lodestar theme with 1 column but the text does not use the full width of the page – how can I make it do this?
staff-mckluskey · Staff · Dec 29, 2020 at 10:30 am
Copy link
Hi there!

Are you referring to ravenadventure.co.uk? I do not see any issue with how the text is displayed. It just has margins on both sites for readability. Could you share a screenshot of what you see on your end? You can use an online tool for that (such as https://snipboard.io/) and paste the link into your reply.
ravenadv · Member · Dec 29, 2020 at 11:37 am
Copy link
Hi there, yes ravenadventure.co.uk – I want to increase the text width to cover more of the page –

Thank you
ravenadv · Member · Dec 29, 2020 at 11:39 am
Copy link
Some of the other site pages are a little text heavy so want to reduce the amount of scrolling down by expanding the width of the text
staff-mckluskey · Staff · Dec 29, 2020 at 2:07 pm
Copy link
Ah, I see what you mean.
The content area has limited max-width. I can see you’ve tried adding some custom CSS to change that. Try playing with the values in here instead:
```
.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    max-width: calc( 1200px - 1em );
    padding-left: 2em;
    padding-right: 2em;
}
```
ravenadv · Member · Dec 29, 2020 at 3:49 pm
Copy link
Ahh that is working thank you!
how do I get it to apply to all pages? at the moment is is just changing the home page

Thank you
staff-mckluskey · Staff · Dec 30, 2020 at 9:03 am
Copy link
If I’m not wrong, the rest of the pages could be modified with this:
```
body:not(.lodestar-front-page) #primary {
    margin: auto;
    max-width: 700px;
    width: 64%;
}
```
I hope that helps :).
ravenadv · Member · Dec 30, 2020 at 4:26 pm
Copy link
That’s even better!

The only page is hasn’t done is the gallery (picture) page

Thank you
supernovia · Staff · Jan 3, 2021 at 7:15 am
Copy link
Could you try setting the media width just under the CSS edit screen? I’m not positive whether that would help, but I’d recommend trying it.

No items found.