Help
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Pilot Lvl 1
Message 1 of 7

How can I customize my default Jekyll theme to my preferred layout or design?

Solved! Go to Solution.

The basic themes available for Jekyll are a bit uninteresting and only meant to display projects. While this might be okay for some, it isn't okay for me as I want to use Pages for my personal portfolio site. Any ideas?

6 Replies
Highlighted
Solution
Copilot Lvl 3
Message 2 of 7

Re: How can I customize my default Jekyll theme to my preferred layout or design?

Hi there,

 

You can add custom css and html files into your Jekyll site.

 

From this page on github help, you can create a scss/css file at /assets/css/style.scss and add the following to the top of the file:

 

---
---

@import "{{ site.theme }}";

 

Then any custom css can be put after these lines in this file and it will be included in your site.

Pilot Lvl 1
Message 3 of 7

Re: How can I customize my default Jekyll theme to my preferred layout or design?

Awesome!

 

That was really helpful. Thank you for saving me time from scouring through so many help articles :smileyhappy: 

Highlighted
Copilot Lvl 2
Message 4 of 7

Re: How can I customize my default Jekyll theme to my preferred layout or design?

Check out  this new Jekyll plugin by @benbalter https://github.com/benbalter/jekyll-remote-theme, not yet supported by GitHub Pages.

 

Highlighted
Pilot Lvl 1
Message 5 of 7

Re: How can I customize my default Jekyll theme to my preferred layout or design?

Thank you @DirtyF

Highlighted
Copilot Lvl 2
Message 6 of 7

Re: How can I customize my default Jekyll theme to my preferred layout or design?

Turns out jekyll-remote-theme is now whitelisted on GitHub Pages, so you can use any GitHub hosted theme with Jekyll.

Highlighted
Pilot Lvl 1
Message 7 of 7

Re: How can I customize my default Jekyll theme to my preferred layout or design?

Oh, I will definitely check that out. Thanks!