malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Add card size and grid spacing CSS snippet

Browse Source
This commit is contained in:
Tetrakern 2024-01-20 01:22:08 +01:00
parent 18ed3405d1
commit 5c93529e36
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
INSTALLATION.md
View File

@ -36,6 +36,7 @@ This guide is mainly written for people who never had their own WordPress site b
* [Background Overlay & Filters](#background-overlay--filters)
* [Isolated Footer](#isolated-footer)
* [Merge Top-Header & Navigation](#merge-top-header--navigation)
* [Card Size & Grid Spacing](#card-size--grid-spacing)
* [Move the Title/Logo](#move-the-titlelogo)
* [Minimum/Maximum Values](#minimummaximum-values)
* [Menus](#menus)
@ -905,6 +906,16 @@ You want the navigation next to your top-aligned header, without changing the HT
}
```
#### Card Size & Grid Spacing
You can change the minimum width of cards under **Customize > Layout**, usually in combination with an increased site width. The cards will scale up if there is enough space available. If you want to change the spacing between the cards, however, you need to overwrite a custom property. The default is `1.5rem 1.5rem`.
```css
:root {
--grid-columns-gap: 1.5rem 1.5rem; /* The first value is the row gap, the second the column gap. */
}
```
### Move the Title/Logo
![Customizer HSL Sliders](repo/assets/customizer_move_title_logo.jpg?raw=true)