How to Edit a WordPress CSS File
How to Edit a WordPress CSS File
WordPress is a framework that is styles using the CSS design language. CSS stands for Cascading Style Sheets. These style sheets contain the instructions that a browser will use to generate the visual appearance of a website. Start at step 1 below to learn how to edit CSS files in WordPress.
Steps

Editing through the WordPress Interface

Go to your editor by browsing: The editor shows all the files in your template folder. Appearance (in the left bar) Editor

Open the custom.css or style.css file. Preferably you want to use the custom.css file if there is one.This makes updating your theme in the future easier.

Make the desired CSS edits and save your CSS file.

Open your website. Check if the edits happened the way they were supposed to.

Editing through FTP

Open your website's FTP through your favorite software.

Browse to your theme directory. All themes are located under this folder:/wp-content/themes/

Find the custom.css or styles.css file in the main directory. Use custom.css where possible, and don't edit CSS files in subfolders.

Download the CSS file and make your required edits in a file editor. Preferably use an editor that understands code syntax, like notepad++ or sublime text.

Upload your file when the edits are done. Check the changes in your website.

Editing Through a Custom CSS plugin

Download a custom CSS plugin.

Open your CSS editor. Depending on your plugin you will find it: In the left bar Under Appearance in the left bar Under Tools in the left bar

Make the edits you want to apply to your website.

Verify the edits by visiting your website.

Editing Your Theme's Current CSS field

Open your theme options. Depending on the theme you will find it: In the left bar (under the theme name) In the left bar under Appearance

Browse your theme options looking for a "custom CSS" of "custom styles" field.

Enter the edits you want to create. Verify them by visiting your website.

What's your reaction?

Comments

https://terka.info/assets/images/user-avatar-s.jpg

0 comment

Write the first comment for this!