trouble with typography.js on default starter Gatsby.js site
I'm learning Gatsby.js throught their tutorial.
I'm at the point of using typography.js, but my site is not taking the stuff that I write in the typography.js file.
They say in the tutorial:
with the default starter, you’ll need to delete the default layout.css
used by that starter as it overrides the Typography.js CSS
https://www.gatsbyjs.org/tutorial/part-two/
The thing is: where do I find the default "layout.css"?
Thanks!
Matteo
My git repo here
javascript reactjs gatsby
asked Nov 22 at 18:42
Tameto
103
add a comment |
I'm learning Gatsby.js throught their tutorial.
I'm at the point of using typography.js, but my site is not taking the stuff that I write in the typography.js file.
They say in the tutorial:
with the default starter, you’ll need to delete the default layout.css
used by that starter as it overrides the Typography.js CSS
https://www.gatsbyjs.org/tutorial/part-two/
The thing is: where do I find the default "layout.css"?
Thanks!
Matteo
My git repo here
javascript reactjs gatsby
asked Nov 22 at 18:42
Tameto
103
add a comment |
I'm learning Gatsby.js throught their tutorial.
I'm at the point of using typography.js, but my site is not taking the stuff that I write in the typography.js file.
They say in the tutorial:
with the default starter, you’ll need to delete the default layout.css
used by that starter as it overrides the Typography.js CSS
https://www.gatsbyjs.org/tutorial/part-two/
The thing is: where do I find the default "layout.css"?
Thanks!
Matteo
My git repo here
javascript reactjs gatsby
asked Nov 22 at 18:42
Tameto
103
I'm learning Gatsby.js throught their tutorial.
I'm at the point of using typography.js, but my site is not taking the stuff that I write in the typography.js file.
They say in the tutorial:
with the default starter, you’ll need to delete the default layout.css
used by that starter as it overrides the Typography.js CSS
https://www.gatsbyjs.org/tutorial/part-two/
The thing is: where do I find the default "layout.css"?
Thanks!
Matteo
My git repo here
javascript reactjs gatsby
javascript reactjs gatsby
asked Nov 22 at 18:42
Tameto
103
asked Nov 22 at 18:42
Tameto
103
asked Nov 22 at 18:42
Tameto
103
asked Nov 22 at 18:42
Tameto
103
asked Nov 22 at 18:42
Tameto
103
103
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The docs state:
Stop gatsby develop by typing
Ctrl + cinto the terminal window where the development process has been running. Then, rungatsby developagain to restart it. This will allow your plugin change to take effect.
However, I found that you need to run gatsby build first, before running gatsby develop again in order to see any of those changes made to the Typography.js options.
answered Nov 23 at 18:31
ksav
4,14921328
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53436623%2ftrouble-with-typography-js-on-default-starter-gatsby-js-site%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The docs state:
Stop gatsby develop by typing
Ctrl + cinto the terminal window where the development process has been running. Then, rungatsby developagain to restart it. This will allow your plugin change to take effect.
However, I found that you need to run gatsby build first, before running gatsby develop again in order to see any of those changes made to the Typography.js options.
answered Nov 23 at 18:31
ksav
4,14921328
add a comment |
The docs state:
Stop gatsby develop by typing
Ctrl + cinto the terminal window where the development process has been running. Then, rungatsby developagain to restart it. This will allow your plugin change to take effect.
However, I found that you need to run gatsby build first, before running gatsby develop again in order to see any of those changes made to the Typography.js options.
answered Nov 23 at 18:31
ksav
4,14921328
add a comment |
The docs state:
Stop gatsby develop by typing
Ctrl + cinto the terminal window where the development process has been running. Then, rungatsby developagain to restart it. This will allow your plugin change to take effect.
However, I found that you need to run gatsby build first, before running gatsby develop again in order to see any of those changes made to the Typography.js options.
answered Nov 23 at 18:31
ksav
4,14921328
The docs state:
Stop gatsby develop by typing
Ctrl + cinto the terminal window where the development process has been running. Then, rungatsby developagain to restart it. This will allow your plugin change to take effect.
However, I found that you need to run gatsby build first, before running gatsby develop again in order to see any of those changes made to the Typography.js options.
answered Nov 23 at 18:31
ksav
4,14921328
answered Nov 23 at 18:31
ksav
4,14921328
answered Nov 23 at 18:31
ksav
4,14921328
answered Nov 23 at 18:31
ksav
4,14921328
4,14921328
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53436623%2ftrouble-with-typography-js-on-default-starter-gatsby-js-site%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
