Noelle Documentation
  • Introduction
  • Getting Started
    • WordPress Information
    • Included Files
    • Theme License
    • Plugins Licenses
    • Theme Support
  • Installation
    • Step 1 - Download Theme
    • Step 2 - Install Noelle Theme
    • Step 3 - Install Plugins
    • Step 4 - Enable Portfolio Support
    • Step 5 - Import Demo
  • Theme Options
    • Noelle Options
    • General
    • Header contact
    • Footer Fields
    • Advanced Blog Settings
    • Shop
    • Page 404
    • Additional CSS
  • WPBakery Page Builder
    • WPBakery Page Builder Knowledge Base
    • Enable WPBakery Page Builder for Portfolio Items
  • Blog
    • Blog Posts
    • Blog Lists
  • Portfolio
    • Potfolio Items
    • Portfolio List
  • Menus
    • Menu Creation
  • Custom Shortcodes
    • Row
    • Text Block
    • Video Player
    • Single Image
    • Google Maps
    • Heading
    • Link
    • Portfolio
    • Blog
    • Homepage First Screen
    • Fixed Fading First Screen
    • Text Composition
    • Team
    • About Us
    • About Us (text)
    • How We Work
    • Client Box
    • Counter Up
    • Progress Element
    • What We Do
    • Recent Blog Posts
    • Rotating Text
    • Hover Text
    • Horizontall Scroll Images
    • Fixed Block
    • Portfolio Navigation
    • Image Composition
    • Gif Image
  • Widgets and Other Plagins
    • Widgets
    • WooCommerce
    • Contact Form 7
  • Customize Theme
    • Customize Theme With A Child Theme
    • Customize the theme with code snippets
  • Updates
    • Update Noelle Theme
    • Update installed plugins
    • Update History
Powered by GitBook
On this page

Was this helpful?

  1. Theme Options

Additional CSS

PreviousPage 404NextWPBakery Page Builder Knowledge Base

Last updated 5 years ago

Was this helpful?

Sometimes you may find yourself needing to add Custom CSS in your WordPress site. Since WordPress 4.7, users can add custom CSS directly from WordPress admin area. This is super-easy and you would be able to see your changes with a live preview instantly.

Navigate to Appearance > Customize > Additional CSS.

As soon as you add a valid CSS rule, you will be able to see it applied on your website’s live preview pane. You can continue adding custom CSS code, until you are satisfied with how it looks on your site.

Don't forget to click on the Save & Publish button on the top when you are finished.

Any custom CSS that you add using theme customizer is only available with that particular theme. If you would like to use it with other themes, then you will need to copy and paste it to your new theme using the same method.