Help
cancel
Showing results for 
Search instead for 
Did you mean: 
Copilot Lvl 3
Message 1 of 4

Default CSS?

The theme I'm using mentions how to override the default style.  But how do I see the default style sheet that is being used?  For one thing, I changed the top headline of the markdown file that comes as the default and it made the title of the page match, which was totally unexpected.  But, I'm wondering if this is a Jekyll convention or something and has nothing to do with a stylesheet (I don't even think stylesheets can do that?)  The Jekyll documentation is mostly geared toward those wanting to install Ruby and play around locally first.  I'm just trying to figure out the basics on Github first before going that route.

3 Replies
Highlighted
Community Manager
Message 2 of 4

Re: Default CSS?

You should be able to use the Developer Tools in whatever browser you're using to view your GitHub Pages site to get the full CSS that is being used to display your page. In general, if you want to understand how any web page is being rendered, the Developer Tools is often the first stop.

 

Let us know if you have more questions.

Copilot Lvl 3
Message 3 of 4

Re: Default CSS?

Thanks.  I was able to get the css.  Can you help me understand what in the css is causing problems with my page rendering the blog in the left section similar to the one at the bottom of the body as I describe here: 

 

https://github.community/t5/GitHub-Pages/Can-someone-tell-me-why-this-isn-t-rendering-as-expected/m-...

 

I'm not able to understand the poster's response.  I see in the css there is also this section:

 

header ul {
position:absolute;
right:50px;
top:52px;
}

 

Is that somehow causing the issue because my ul is inside the header?  If so how do I get rid of this bit of css altogether?  I read this page (https://help.github.com/en/articles/customizing-css-and-html-in-your-jekyll-theme), but I don't want to add to the css, I want to delete an entire portion.

 

I omit the @import will that basically let me start from scratch?  

 

 

Community Manager
Message 4 of 4

Re: Default CSS?

To be honest, I'm not sure why your site is displaying the way it is. If you want to do something completely custom, you can always forgo using a theme and create your own CSS from scratch or base your own CSS on someone else's.

 

For more information on how Jekyll, the software that GitHub Pages uses to render your site, works, you can refer to the Jekyll documentation. If you need help learning about HTML and CSS, I recommend w3schools as someplace that has helped a lot of people learn about these subjects.

 

I hope that helps!