How to add Custom Style in Wordpress

• To install correctly this custom-style.zip .
• Fisrt Download the custom-style.zip to your computer
• Extract/Open custom-style.zip to Your Computer.
• Then, Find readme.txt file inside custom-style.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Step-1 : Download " custom-style.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " custom-style.zip " Downloaded plugin from your computer, Where you downloaded " custom-style.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Custom Style " folder is added on left Side Menu. Now, Click on " Custom Style " folder.

Noted that: If you do not see " Custom Style " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Custom Style Configurations and Settings or How to work " Custom Style " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " Custom Style " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Custom Style
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Basic Installation

1. Upload custom-style into /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. The plugin is now installed and ready for usage (see Usage section).

Usage

Once installed and activated, sub menu item ‘Custom Style’ is added to
menu ‘Appearance’ in your Dashboard. Select that menu item, add some
CSS rules into the text field and save it. Then reload your WordPress
Blog. If you then look at your blog’s HTML source code, you should see
a element in the head element with your content.

Advanced Usage

Depending on your CSS rules, you may need to refer to files in your
theme. A typical example is the usage of a background image as shown
below:

 #header { background-image: url( 
/images/my-bg-image.jpg ); }

Using a hardwired URL here is possible but a rather ugly
solution. Especially if you prefer to install themes having version
numbers in their folder name.

To support a location independant CSS addition, ‘custom-style’
supports the syntax

 {bloginfo:word}

where ‘word’ is an arbitrary word (or absent). Such a ‘custom
expression’ is evaluated as

 bloginfo('word')

See https://codex.wordpress.org/Template_Tags/bloginfo for further
information about ‘bloginfo’.

This eventually allows you to solve the problem above like

 #header { background-image: url({bloginfo:template_url}/images/my-bg-image.jpg ); }

cause bloginfo("template_url") evaluates to your blog’s theme URL.