Changing Margins

[anshjhatakia]

Hey everyone!

Does anyone have an idea on how to change margins on blog posts? When I'm using my desktop or laptop, I'd like to have text take up a bit more of the screen. Same with code blocks and such. I'm just not sure where to start.

Thanks for the help!

[jakewies]

Hey @anshjhatakia 👋 You're the first to use a discussion in this project, so welcome! We have a documented way of adding custom styling to the site in the README. You can give this a go and see if it works for you. It's been a while since I've worked on this project (real life has gotten in the way), but many users of this theme have had success with this technique.

Let me know if this works out or not! Happy to help you find the right solution.

EDIT: If you go with the custom.scss option (which is really your only option at this point), you should be able to override this class's style:

With your own:

/* assets/scss/custom.scss */

.post {
  max-width: 100%; /* or whatever you want */
}

custom.scss is rendered after the page styles, so styles defined here will be given priority.

[anshjhatakia]

This worked flawlessly! Thank you so much Jake!

[jakewies]

Awesome! No worries at all. Enjoy the theme 😄