search

greglobinski / gatsby-starter-kit

A set of starters for Gatsby.js
https://greglobinski.github.io/gatsby-starter-kit-docs/
MIT License
97 stars 38 forks source link

The documentation for "Theme's style customization" is unclear. #1

Open jholowicki opened 6 years ago

jholowicki commented 6 years ago

You can although do not import the variable file and create your own local one or override just some of the variables. You can also add new ones.

What does this sentence mean?

I am guessing in order to modify the css, you would need to add the two lines

import { injectGlobal } from 'emotion'; import '@react-website-themes/default/styles/global';

to a page like "index.js" and then add what you would like to use as override, ie: injectGlobal h1 { font-size: 5em; font-weight: 300;
color: pink;
}

jholowicki commented 6 years ago

There is also a similar problem to modifying @react-custom-share component, where I would like to put in my social media links. I will try to figure this out, but your help would be appreciated.

jerod-estapa commented 5 years ago

@jholowicki I'm sure you've figured this out by now, but for anyone who comes across this, that is one way to make style changes to pages. The language is unclear in the docs, but the developer's first language is not English, so it's understandable.