Docs / Settings reference
Design settings
Every Design setting of GeneratePerf: what each option does.
Settings of the Design group, in Settings → GeneratePerf. Each section matches a tab of the settings screen.
Design
Customize your website with general visual options.
| Setting | What it does |
|---|---|
| Articles style | Choose the style applied to articles lists (GeneratePress archive pages, Gutenberg Recent Posts and GeneratePerf related posts) |
| Content separator | Choose the separator displayed between content sections |
| Meta separator | Choose the separator displayed between post meta items |
| Border radius | Choose the border radius applied to various elements like buttons, input fields and cards |
| Available hooks | These hooks can be used in your child theme to customize style features |
Visual features
Enable some visual features to enhance your website UX.
| Setting | What it does |
|---|---|
| Dark mode | Enable a dark mode option for your visitors (needs additional custom CSS) |
| View Transitions | Enable smooth transitions between pages using the View Transitions API |
| Video overlay | Opens links to self hosted videos (.mp4 / .webm), YouTube and Vimeo videos in an overlay |
| Sticky sidebar | Make the sidebar sticky when scrolling down the page on desktop |
| Pause off-screen animations | Pauses the CSS animations of any element with the pause-offscreen class while it is outside the viewport (IntersectionObserver). Add the class on the animated element, nothing else is needed. |
CSS Overrides
Modify the CSS of your website to better suit your needs.
| Setting | What it does |
|---|---|
| CSS overrides | Select the CSS files you want to override from your child theme. They will be copied on first click |