question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How do I customize blog styles?

See original GitHub issue

I want to change docusaurus-v2 blog title style, find this information in @docusaurus/theme-classic/src/theme/BlogPostItem/styles.module.css :

.blogPostTitle {
  font-size: 3rem;
}

I change src/css/custom.css following,no effect :

.blogPostTitle {
  font-size: 1rem;
}

Help me,How do I customize blog styles?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
kohheepeacecommented, Mar 12, 2020

@fakela

  1. Run the below command in terminal to swizzle default theme
yarn swizzle @docusaurus/theme-classic BlogPostItem

It generates src/theme/BlogPostItem in your website.

You can overwrite your custom style in src/theme/BlogPostItem/styles.module.css

Sorry if this is different answer what you want!

2reactions
fakelacommented, Mar 12, 2020

@KohheePeace thank you alot for this I used a different approach I had to copy the files and paste them in my website

This is a lot easier . Thanks

Read more comments on GitHub >

github_iconTop Results From Across the Web

Use themes to change how your blog looks - Blogger Help
Choose a theme · Sign in to Blogger. · At the top left, click the Down arrow Down arrow . · Click a...
Read more >
How to Customize Your WordPress Blog - The Blog Starter
Not to worry, I will show you how to change your design and layout in this step, along with a bunch of other...
Read more >
Customize Your Blog Design - Choose a WordPress Theme
Step 3: Design Your WordPress Blog – Choose a WordPress Theme · 1: Get Started - Choose Your Blog Topic and a Name...
Read more >
How to Make Your Blogger Site Look Like a Professional
*1. Buy a Domain Name** · *2. Create Your Own Logo and Favicon** · *3. Customize Your Template** · *4. Adding Important Pages**...
Read more >
Start Customizing Your Blog Design | Showit Help Center
Start customizing your blog design by making changes to the font, color, and size of text used in your blog design. You can...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found