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. 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. 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.
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.
```css ```css
/* /* Entire page background */
BASICS
Use the following CSS rules to change the elements you're trying to customize.
*/
body { body {
background-color: #efefef; background-color: #efefef;
} }
@ -66,14 +58,11 @@ article p a:hover {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
```
/* Copy these entire sections verbatim, as each is a complete customization you might want to make, like centering an image.
RECIPES
These are common patterns you may want to use on your blog.
*/
```css
/* Center images */ /* Center images */
img { img {
display: block; display: block;