Adding Styles

The script you will be inserting into the project depends on some special styles. So let's copy and paste these styles into the stylesheet.

How to Add Styles

  1. Copy the following.

    Copy 
    #myBtn
    {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        font-weight: bold;
        border: none;
        outline: none;
        color: #555;
        cursor: pointer;
        padding: 15px;
        border-radius: 4px;
        background-position: center;
        background-repeat: no-repeat;
    }

    #myBtn:hover
    {
        background-color: transparent;
    }
  2. From the Content Explorer, expand Resources > Stylesheets.

  3. Right-click Styles.css, and from the context menu select Open with > Internal Text Editor.

  4. Scroll to the bottom of the editor and paste the styles.

  5. Click Save the active file. to save your work.