CSS Styling
The CSS tab lets you completely customize the look of your resume. Style everything from fonts and colors to spacing and layout.
How CSS Works
Your Markdown gets converted to HTML, which is then styled using your CSS. You can target HTML elements directly or use custom classes.
Importing Fonts
Import custom fonts from Google Fonts or other sources using the @import rule:
Loading syntax highlighting...
Popular resume fonts include Inter, Roboto, Open Sans, Lato, and Source Sans Pro.
Styling Elements
Headers
Loading syntax highlighting...
Paragraphs and Lists
Loading syntax highlighting...
Links
Loading syntax highlighting...
Custom Classes
Create reusable styles with custom classes that you can use in your HTML:
Loading syntax highlighting...
Colors
For ATS (Applicant Tracking System) compatibility and professional appearance, most resumes use black text on white background:
Loading syntax highlighting...
Print-Specific Styles
You can add styles that only apply when printing or exporting to PDF:
Loading syntax highlighting...
Ordering Content with Flexbox
Use flexbox order property to rearrange sections without changing your Markdown:
Loading syntax highlighting...
Example: Complete CSS
Loading syntax highlighting...
Tips for Great Resume CSS
- Keep it simple - recruiters prefer clean, readable designs
- Use consistent spacing throughout
- Stick to professional fonts and colors
- Test your resume at different zoom levels
- Make sure text is readable when printed in black and white
- Use the live preview to see changes in real-time