How to make container with main content wider in Jekyll Time Machine theme?

OnceUponATime 0
Viewed 20

I am using the Jekyll Time Machine theme on GitHub and would like to make the main content section a lot wider:

https://ieg-dhr.github.io/DigiKAR_Projektseminar/

I have checked the stylesheet.css file but cannot find the right settings.

The following code seems to relate to the overall page background rather than the "box" that contains the text and images:

#container {
  border: 1px solid #2a2a2a;
  background: #ddd url(../images/pattern.png);
  box-shadow: 0 0 5px #b1b1b1;
}

I have posted an issue in the developer's repository but have not received a response so far. So if anyone is using Time Machine, too, I am very grateful for your help.

jekyll github-pages css
1 Answers

The Time Machine jekyll theme sets the width of the main content to width: 675px; [1]. I can see in your stylesheet.css is setting the width to 100% [2], which I believe resolves to Time Machine's width: 675px;.

I think you will want to edit your stylesheet.css to override the width from the Time Machine theme.

[1] https://github.com/pages-themes/time-machine/blob/master/_sass/jekyll-theme-time-machine.scss#L37-L40

[2] https://github.com/ieg-dhr/DigiKAR_Projektseminar/blob/main/stylesheets/stylesheet.css#L461-L464

Kin0
Related