Exercise 5: How to Add CSS Classes and URL Redirects | Scribe

    Exercise 5: How to Add CSS Classes and URL Redirects

    • Riley Skipper |
    • 0 step |
    • 2 minutes
      I changed the right side column to background color red and text white.
      In the Advanced dropdown under the Color dropdown, Click the "Additional CSS class(es)" field.
      Type "py-5 ml-3 ml-lg-5"
      Tip! Note: The “py-5 ml-3 ml-lg-5” adds 48px padding in the y-axis, left margin 16px, and left margin 48px when the screen is equal to or bigger than 992px.
      Note: A margin and padding CSS format is {property}{sides}-{size} or {property}{sides}-{breakpoint}-{size} Property: m – for classes that set margin and p – for classes that set the padding Sides: t – for top, b – for bottom, l – for left, r – for right, x – for x-axis, y – for y-axis, blank - for all 4 sides Size: 0 – for no spacing, 1 (4px), 2 (8px), 3 (16px), 4 (24px), 5 (48px), 6 (64px), 7 (80px), 8 (100px), 9 (120px), 10 (150px), and auto – class for margin to prevent it from stretching out to the edges of its container. Breakpoint: xs (0), sm (600px), md (800p), lg (992px), xl (1280px), xls (1328px), ll (1562px)
      Click "Post"
      Add a message to the "Revision log message" field.
      Save.
      Click "Edit".
      Click "URL redirects" in the right hand toolbar.
      Click "Add URL redirect".
      Click the "Path" field and add your path you want to redirect to.
      Save.
      Add a message to the "Revision log message" field.
      Save.
      Now your page redirects to the path you entered.
      This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe