Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 3f14679

Browse files
Update README.md
1 parent e63ebc9 commit 3f14679

File tree

1 file changed

+14
-10
lines changed

1 file changed

+14
-10
lines changed

docs/README.md

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -349,11 +349,11 @@ You can delete the cover page and disable it in _index.html_.
349349

350350
You can change the background image for your cover page.
351351

352-
If you don't set a cover background, you'll just get a randomy one on every refresh. It might be a solid color or a gradient.
352+
If you do not set a cover background, you'll just get a **random** one on every page load - it might be a solid color or a gradient.
353353

354354
The _Docsify_ site explains how to set a background image or color [here](https://docsify.js.org/#/cover?id=custom-background).
355355

356-
Your background image code should come at the _bottom_ of your cover file's code._Docsify_ looks for an image there then uses CSS to place the image behind the content and give it faded grey look.
356+
Your background image code should come at the **end** of your coverpage file. As _Docsify_ looks for an image there then uses CSS to place the image behind the content and give it a faded grey look.
357357

358358
See code examples below for adding a custom background image:
359359

@@ -362,11 +362,15 @@ See code examples below for adding a custom background image:
362362
![color](#f0f0f0)
363363
```
364364
- Gradient color.
365-
- Choose a gradient used to be supported but does not work anymore, so is not covered here.
366-
- Load an image file. The text label can be anything.
365+
- Choosing a custom gradient was supported but does **not** work anymore, so it is not covered here.
366+
- Image. The text label can be anything - use some fallback text in case the image is broken.
367367
```markdown
368-
![cover background image](_media/cover-bg.jpg)
368+
![Cover background image](_media/cover-bg.jpg)
369369
```
370+
371+
You probably want to set the `themeColor` in the `index.html` to go well with your coverpage. See [Theme color](#6.1-theme-color) below.
372+
373+
e.g. This tutorial has a grey value for cover and blue value for theme color.
370374

371375
#### Cover logo
372376

@@ -419,10 +423,10 @@ Note: The _Buble_ theme has sidebar headings which are not distinguished from th
419423

420424
```html
421425
<style>
422-
.sidebar .sidebar-nav>ul>li {
423-
font-weight: 700;
424-
margin: 0;
425-
}
426+
.sidebar .sidebar-nav>ul>li {
427+
font-weight: 700;
428+
margin: 0;
429+
}
426430
</style>
427431
```
428432

@@ -432,7 +436,7 @@ You can easily reuse the theme color set early:
432436

433437
```css
434438
.myButton {
435-
background-color: var(--theme-color);
439+
background-color: var(--theme-color);
436440
}
437441
```
438442

0 commit comments

Comments
 (0)