I need help please. I need to make the width of my website page larger (Digest template), so the content on certain pages can be seen more easily.
Does anyone know the code that I can inject to make this possible for the digest template?
I need help please. I need to make the width of my website page larger (Digest template), so the content on certain pages can be seen more easily.
Does anyone know the code that I can inject to make this possible for the digest template?
Sure. That’s
section.gh-content.gh-canvas {
grid-template-columns: [full-start] minmax(var(--gap),auto) [wide-start] minmax(auto,240px) [main-start] min(var(--content-width,720px),calc(100% - var(--gap)*2)) [main-end] minmax(auto,240px) [wide-end] minmax(var(--gap),auto) [full-end];
}
It’s the content-width you’d need to change, so replace min(var(--content-width,720px),calc(100% - var(--gap)*2))
with something like min(var(--content-width,900px),calc(100% - var(--gap)*2))
to make it a little wider.
Don’t forget to surround with <style></style>
tags.
If it doesn’t seem to be applying, you may need to add an !important, but I think the selector above is specific enough that it should work without it.
Bless you Cathy! Thank you so much for your help. You have no idea what a big help your response was.
Just sent you a message through your website to chat about a potential contracted webdev opportunity. Hope to hear from you soon!