Increase blog content width and size of overall text & Categories page issue

[pranavdhawale]

Hey!
I want my blog width to be as shown in the image below. And I also want to increase the overall text size of the text used for blog and blog list

ALSO

The categories page doesn't display the categories it just shows the arrow and not the name of the category

[h-enk]

• Copy node_modules/@hyas/doks-core/layouts/blog/single.html and paste as layouts/blog/single.html. Update the latter (line 15) with something like:

  <div class="col-md-13">

• Add to assets/scss/common/_custom.scss something like:

  .single.blog .content,
  .list.blog .content {
    font-size: $font-size-base * 1.375;
  }

• That's a bug — thx! Will be fixed. Quick fix for now: copy node_modules/@hyas/doks-core/layouts/_default/terms.html and paste as layouts/_default/terms.html. Update the latter (line 12) with:

              <a class="stretched-link" href="{{ .RelPermalink }}">{{ .Title }} &rarr;</a>

[h-enk]

It's because of this definition: https://github.com/ByteBlogs/byteblogs/blob/main/assets/scss/common/_custom.scss#L24

Add this code:

.single.blog .content,
.list.blog .content {
  font-size: $font-size-base * 1.375;
}

And make it more specific (or remove the referenced line above)

[h-enk]

So:

.single.blog .content p,
.list.blog .content p {
  font-size: $font-size-base * 1.375;
}

Probably also add ol, ul and so on

[pranavdhawale]

Unfortunately, its not working for me. can you try it out on my code, please?

[h-enk]

Check the repo commits to see what I've done:

• https://github.com/h-enk/byteblogs
• https://aesthetic-stardust-50557f.netlify.app/

[pranavdhawale]

Thanks!...