writefreely/docs
2
0
Fork 0
mirror of https://github.com/writefreely/documentation.git synced 2024-11-14 23:11:03 +00:00
Code Issues Releases Wiki Activity

Break up BASICS and RECIPES in customize guide

Browse Source 
This also removes redundant backticks for inline codes.
This commit is contained in:
Matt Baer 2020-04-21 14:36:28 -04:00
parent 43ad9aa69e
commit 7be57d6096
1 changed files with 5 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
writer/customize.md
View File

@ -6,18 +6,10 @@ If you can write CSS, you can customize the appearance of your WriteFreely blog.
All you need to do is go to the _Customize_ settings of your blog. Scroll down to "Custom CSS" and customize your blog from there.
The following stylesheet shows a few basic selectors you'll need in order to customize certain elements. In the BASICS section, just grab the selectors (e.g. ```#blog-title a:hover```) for your stylesheet — the properties are only there to illustrate what you can do.
You should copy entire sections in the RECIPES section verbatim, as each is a complete customization you might want to make, like centering an image.
The following stylesheet shows a few basic selectors you'll need in order to customize certain elements. You can just grab the selectors (e.g. `#blog-title a`) for your stylesheet — the properties are only there to illustrate what you can do.
```css
/*
BASICS
Use the following CSS rules to change the elements you're trying to customize.
*/
/* Entire page background */
body {
background-color: #efefef;
}
@ -66,14 +58,11 @@ article p a:hover {
color: white;
text-decoration: none;
}
```
/*
RECIPES
These are common patterns you may want to use on your blog.
*/
Copy these entire sections verbatim, as each is a complete customization you might want to make, like centering an image.
```css
/* Center images */
img {
display: block;