Horje
Edit CSS and LESS live on the frontend and on any page using this easy to use CSS plugin. All changes are saved to CSS. Wordpress Tutorial

Noted That:

  • To install correctly this css-live.zip .
  • Fisrt Download the css-live.zip to your computer
  • Extract/Open css-live.zip to Your Computer.
  • Then, Find readme.txt file inside css-live.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:

1. First Download " css-live.zip " Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Live css " folder is added on left sidemenu. Now, Click on " Live css " folder.

   Noted that: If you do not see " Live css " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Live css Configurtions and Settings or How to work " Live css " 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 " Live css " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Live css
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Use automatic installer…

Properties are defined within selectors by defining a property and a value. They are separated with a colon and delineated with a semi-colon.

The padding is the spacing between the content and the border (edge of the element.). We can adjust this value with CSS to move the border closer to or farther from the content. Here, the div with id ‘box’ will get 10px of padding all around it. css class id selector code less sass sassy lang rule set propertie value element type attribute pseudo combinator statement identifier keyword comments example padding margin background color font size text decoration hover underline bold italic word wrap family syntax paragraph

The margin is the space around the element. The larger the margin, the more space between our element and the elements around it. We can adjust the margin to move our HTML elements closer to or farther from each other. Here, the div with id ‘box’ will get 10px of margin above and below it, and 5px of margin to the left and right. css class id selector code less sass sassy lang rule set propertie value element type attribute pseudo combinator statement identifier keyword comments example padding margin background color font size text decoration hover underline bold italic word wrap family syntax paragraph


edit , less , live , frontend , page , using , easy , changes , saved , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference