Banner for Widget Css Classes
Add custom classes and ids plus first, last, even, odd, and numbered classes to your widgets. Wordpress Tutorial
Noted That:
  • To install correctly this widget-css-classes.zip .
  • Fisrt Download the widget-css-classes.zip to your computer
  • Extract/Open widget-css-classes.zip to Your Computer.
  • Then, Find readme.txt file inside widget-css-classes.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.
Start the Tips:

Step-1 : Download " widget-css-classes.zip " to Your Local Computer.

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

Login to Wordpress Widget Css Classes

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

Go to Plugin Install Widget Css Classes

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

Click Upload Button Widget Css Classes

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

Upload Plugin Widget Css Classes

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

Activate Widget Css Classes

Step-7 : Then, See left Side Menu. " Widget Css Classes " folder is added on left Side Menu. Now, Click on " Widget Css Classes " folder.

Noted that: If you do not see " Widget Css Classes " 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 Widget Css Classes Configurations and Settings or How to work " Widget Css Classes " in your WordPress site.

oR

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 " Widget CSS Classes " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Widget CSS Classes
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the folder /widget-css-classes/ to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Configure the settings under Settings > Widget CSS Classes
  4. Visit Appearance > Widgets to add or change the custom classes and ids for a widget.
  5. Expand the appropriate widget in the desired sidebar.
  6. You’ll see a field labeled CSS Class . Depending on your settings, this will be a text field and/or checkboxes.
  7. If you are using the text field you can enter multiple class names by separating them with a space.
  8. If you’ve enabled the id field, you will see a text field called CSS ID .

Name