Howdy! How can we help you?
-
Asana
-
Quality Assurance
- QA Process Overview
- Review & Match the Mockup
- Theme Customizer - Setting up Defaults
- Responsiveness
- Site Speed
- Global Modules & Global Presets
- Backend Admin Labels
- Theme Builder, CPT, and Dynamic Content
- Image Optimization
- Custom CSS
- Divi Library - Organization
- Heading Tags
- Plugin License Check
- Try New Things
- Gravity Forms
- WooCommerce Setup
- Housekeeping
- Adobe Stock for Stock Images
- Miscellaneous Build Standards
- Optional Optimization Check Document
- Freshy Builder Coaching - Tips for all Builders
- Basic ADA compliance for homepages
- Show Remaining Articles (7) Collapse Articles
-
FAQs
- Where do I add custom php or javascript?
- What is the preferred plugin for X?
- How do I find FS builds that have a certain plugin?
- How do I get a Google Maps API Key?
- How do I setup reCAPTCHA v3 in Gravity Forms?
- How do I use a Vimeo video for a video background?
- How do I migrate a site from ServerPilot to Pressable?
- How do I import blog posts with featured images?
- How do I import/export WooCommerce products?
- How do I add custom fonts to a build?
- How do I make the Divi Search module search more post types, like Products?
- How do I resolve errors?
- How do I add a video background?
- How do I make the Divi Blog Module grid layout have equal heights?
- How do I do the WooCommerce Pre-launch steps?
- Where should I go if I can't find a solution on this site?
- Rethemes - How do we handle plugins?
- How do I manually add the Divi Theme and FS child theme?
- How do I setup Complianz?
- How do I delete a staging site in Pressable?
- Show Remaining Articles (5) Collapse Articles
-
Other
- Freshybuild Install - Working Tutorials & Testing
- Google Calendar - Add Team Members Calendars
- BrowserStack
- Team Tools
- Bitwarden
- How do I take time off?
- Freshy Knowledge Catch-All
- Freshy Google Chat
- How to get past 2FA?
- Beaver Builder - Best practices, Basic stuff, How-tos, Q+A
- 2026 Onward - ChatGPT, Dev Board, and PM Communication
-
Problems & Solutions
< All Topics
Print
Custom CSS
Posted
Updated
ByFreshySites
Video: FS – Quality Assurance – Custom CSS
Video with Subtitles
- All Custom CSS needs to be in the style.css sheet (Appearance > Theme Editor). No Custom CSS in the builder module (Advanced > Custom CSS > Main Element). No CSS in Customizer.
- No capitalization like !Important
- Consistent indentation/formatting
- Font sizes in px, rem, em, or clamp
- Use text-transform: uppercase when needed, instead of writing the text in caps.
- If you need to include an image, don’t include the full URL, just “/wp-content/…”
- If you need to target a section, row, module, use custom class instead of page builder added classes like “et_pb_row_3”
Table of Contents