How to Edit CSS File of your WordPress Site Using cPanel?

0
300
Edit CSS File for WordPress

What is CSS?

CSS (Cascading Style Sheets) is a style language used in defining the visual appearance of a website. The themes in WordPress uses CSS and HTML documents to output the data generated in it. The file style.css is used by WordPress themes to define the format of pages. It takes more control over the way for the appearance of the sites than the theme does it.

Sometimes, the website owners decide to modify the design of the website which requires access to the CSS file. If need to modify the CSS file, make sure to know the CSS language and take a backup copy to restore it in case of any issues. In this tutorial, let us see how to locate a CSS file and modify the changes in it through cPanel.

Steps to access CSS File of WordPress Site:

If you know the location of the CSS file, then the problem is solved. Or else, you need to check in the default WordPress folders. Generally, the wp-content folder is the default folder that contains the website’s media, posts, plugins and much more. Let us see the below steps to access CSS File for your WordPress website.

Step 1: Login to your cPanel and navigate to Files Section. Then Go to the option ‘File Manager‘ inside it.

File-manager

Step 2: Go to the root directory and identify the folder ‘public_html’. It is the folder where the website files and folders will be present in it. Locate the folder wp-content inside it and then click to open it.

WP-content

Step 3: The wp-content folder contains many folders for plugins, themes, and caches in it. Now click and open themes folder to know all the active and inactive WordPress themes in it.

Themes

For example, if your WordPress dashboard uses “Twenty Seventeen” as the theme, then you can find it as a folder in the cPanel as mentioned in the above image.

Step 5: Click open the themes folder and search for the style.css file in it. In most cases, it can be found by opening the themes folder but some theme developers have a separate CSS folder. If it is not present in the above-mentioned folders, search for the folders similar to Assets, CSS, etc.

Step 6: Once the CSS file is found, right-click on it and choose the edit option. If you have coding knowledge, then you can edit it but be sure that it should not break the current layout of the website.

Style

A web designer can easily inspect the website elements of the website using the browser and edit the CSS file. Thus, WordPress users can Edit CSS File of the WordPress site using cPanel. For more information, follow us on Facebook and Twitter. For video tutorials, subscribe to our YouTube Channel “ServerCake India“.

LEAVE A REPLY

Please enter your comment!
Please enter your name here