No results found. Try again with different words?

Search must be at least 3 characters.

How to Edit style.css in Child Theme?

Sidebar Image

Did not find a solution? We are here to help you succeed.

If you want to add custom CSS to the theme you can add it to the child theme’s style.css

Initially, you need to install and activate the Astra child theme. You can edit child theme’s style.css  in following ways-

Through WordPress Dashboard

Step 1: Navigate to Appearance > Theme Editor.

ast-theme-file-editor

Step 2: Select Astra child theme to edit, from the upper right corner.

Step 3: Select Stylesheet (style.css) to edit and paste the code at bottom of the file.

ast-child-theme

Step 4: Save the changes.

Through FTP

  1. Open your WordPress site via FTP. We would recommend you to use FileZilla.
  2. Navigate to wp-content > themes > astra-child
  3. Right-click style.css and select View/Edit
  4. Add your code at the bottom of the file and save it.
Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Membership Retention Checklist Download

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form