Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Increase width of content in hyde theme #240

Closed
OneRaynyDay opened this issue Feb 17, 2019 · 2 comments
Closed

Increase width of content in hyde theme #240

OneRaynyDay opened this issue Feb 17, 2019 · 2 comments

Comments

@OneRaynyDay
Copy link

Hi, first thanks so much for creating this framework! I've been using it for my blog for the past few years: https://oneraynyday.github.io/

Lately I've been writing some math-related blogs and the restricted width of the framework is starting to bother me a little bit (as shown below):

image

In most uses this width is fine, but for math it makes the LaTeX equations cluster up and look very intimidating, which is not what I am trying to do.

I'm by no means proficient at CSS and I couldn't find any documentation regarding Hyde to adjust the width of the container. I was hoping posting here would help.

Any tips would be appreciated!

@brightertiger
Copy link

In the file public/css/hyde.css - if you change the width option then it can get you the desired result.

.sidebar {
text-align: center;
padding: 2rem 1rem;
color: rgba(255,255,255,.5);
background-color: #202020;
}
@media (min-width: 48em) {
.sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 18rem;
text-align: left;
}
}

@mdo
Copy link
Member

mdo commented Apr 4, 2020

Duplicate of #195.

@mdo mdo closed this as completed Apr 4, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants