How to Apply Custom CSS Code?

Saasland Documentation

Video Tutorials
Getting Started
- General
- Server Requirements
- Theme Installation
- Purchase Verification
Plugins Installation
- Plugins Installation
- Required Plugins
- Plugins Explanation
- Updating Plugins
Pre-Built Demos
- Pre Built Demos
- Demo Import
- Removing Pre-Built Demos
Header
- General
- Custom Header Template
Footer
- Can not edit the footer template?
- Use the default footer on all pages.
Widgets / Sidebars
Menu
- Multi Column Mega Menu
- How to create a custom Mega Menu in SaasLand.
- Menu Not Appearing
- Thumbnail Mega Menu
Theme Settings
- General
- Preloader
- Header
- Footer
- Menu
- Widgets
- Colors
- Typography
- Blog
- Shop
- Animation
- Custom Post Types
- Social Links
- 404 Error Page
- Import/Export
Custom Post Types
- Services
- Team
- Portfolios
- Case Studies
- FAQs
- Jobs
- Mega Menu
- Header
- Footer
Pages
- Split Screen Slides
- Agency Colorful
- Page Options
Saasland Elements
- General
- Subscribe Form
- Services and Features with Shapes
- Integrations Solar System
- Integration with Buttons
- Row Integrations
- Pricing Table
- Pricing Table Tabs
- Pricing Table Tabs and Carousel
- Saasland Navbar
- Hero Section
- Hero CRM Software
- Two Columns Features
- Services
- Call to Action
- Client Logo
- Features
- Bubble Features
- Prototype Features
- Saasland Tabs
- Tabs with Icon
- Blog Post
- Saasland Testimonials
- Bubble Testimonial
- Testimonial with Rating
- Testimonial Single
- Paired Image
- Horizontal Tabs
- Features with Shapes (Dark)
- Features with Images (Dark)
- Features with Images (White)
- Stats Counter
- Circle Counter
- Curve Counter
- Hero Mobile
- Hero SEO
- Hero Integrations
- Hero Video Slides
- Hero with Background Image
- Saasland Carousel
- Download Section
- Team
- Saasland Map
- Processes
- Image Hotspots
- Filterable Portfolio
- Masonry Portfolio
- Jobs
- Icon Box
- Feature Videos
- Single Feature
- Saasland Icon
- Dual Icon
- Check URL Form
- Posts Carousel
- Image with Shape
- Saasland Slider
- Serialized Features
- Saasland Alerts
- FAQ with Tabs
- Pricing Plan Comparison
- App Hero
- Call to Action with Image
- Screen Features
- Pricing Table 02
- App Info
- Testimonial Style
- Features Section
- Single Video 02
- Tilt Image
- Single Info with Icon
- Shop Categories
- Products (Grid View)
- Ticket Price Plan
- Hero ERP
- Icon with Featured Image
- Domain Search Form
- Locations
- Table Tabs
- Text Button with Icon
- Parallax Images
- Date Countdown
- Event Schedule Tabs
- Progress Bar (Saasland)
- Saasland About
- Products (Saasland)
- Heading (Saasland)
Forms (Job Apply, Contact)
- Contact form
- Job Apply Form
- Split Page Contact Form
WooCommerce
One page
- How to build your OnePage Landing Page with SaasLand?
FAQs
- How to Paginate a Post?
- How to set site favicon?
- How to change author avatar?
- How to customize theme using child theme?
- How to Apply Custom CSS Code?
- How to make the blog page full-width?
- How to update premium plugins?
- How to change the footer moving objects?
- Does Saasland include Elementor Pro?
- How to create and apply a custom header for a specific page?
- How to create and apply a custom footer for a specific page?
- How to get FAQ widget as per demo?
- How to set a blank navigation menu for a particular page?
- How to set a side-bar widget on the Shop page?
- How to change “Page Attributes” for different page templates?
- How to fix the “Invalid Security Credentials” issue in the Theme Settings?
- How to change or add a portfolio social share icon?
- How to resolve demo import error (500)?
- What is the easiest way to translate Saasland widgets using WPML plugin?
- How to solve the issue of logos appearing twice?
- How to change the Title-Bar subtitle text and color?
- How to customize Action Button for a specific page?
- What to do if you can not edit with Elementor In the Saasland theme?
- How to fix if the logo is not appearing?
- How to fix if the logo appears broken?
- How to fix if the logo appears blurry? – SVG version, select width only
- How do you change nav-menu style for the particular page?
- How to fix if the main and sticky logo are the same?
Elementor
- Create a new page
- How to enable Elementor editor for different custom post types
- How to move an Elementor section to another page
- How to create Full-width Sections, Pages with Elementor
- How to import Elementor Template
- How to disable Elementor default color and fonts?
- Elementor custom CSS classes
- Can’t edit Elementor popup with Saasland?
- Custom Header Template
- Can not edit the footer template?
Elementor Widgets
- FAQ with Tabs
- Hero Section
Dark Mode Settings
Quick Links
Tips / Guides / Troubleshoots
- Image Optimization
- Language Translations
- Get MailChimp Newsletter Form Action URL
- Speed up your WordPress website with SaasLand
- Not getting the new Elements / Sections
- Menu Color, Action Button colors are not changing!
- How to change the footer moving objects.
- How to customize the Title-bar Banner
- Theme Settings / Options Error
- Missing style sheet error when installing the theme
Theme Updates
- Updating The Theme
- Common Issues / FAQ
Change Logs

Home
Docs
Saasland Documentation
FAQs
How to Apply Custom CSS Code?

Estimated reading : 1 minute

You can apply your own custom CSS code to the Saasland theme. Your custom CSS code will not be lost even if you update the theme.

Navigate to Appearance > Customize > Additional CSS

Take a look at the screenshots

Still Stuck?

We can help you. Our 24/7 support team are ready to help you.

Was this article helpful to you? Yes No

Looking for help? Join Community

Support Forum