Micro-Themes: Responsive Settings for Small and Extra Small Viewports

There are two Micro-Theme categories to help with publishing adjustments that need to be made to the SM and XS viewports specifically. These can be found under the “Responsive Settings – SM” and “Responsive Settings – XS” dropdowns in the Micro-Themes.

 

 Inside these two categories, there are a variety of commonly needed adjustments to apply. These Micro-Themes will ONLY apply to the SM or XS viewports.

  • Center Align
    • Align the content to center
  • Left Align
    • Align the content to left
  • Right Align
    • Align the content to right
  • Black Background
    • Override the background and make it black
  • White Background
    • Override the background and make it white
  • Black Transparent Background
    • Override the background and make it a transparent black
  • White Transparent Background
    • Override the background and make it a transparent white
  • Remove Background Image
    • Remove the background image
  • Remove Borders
    • Remove all borders
  • Add Black Border Bottom
    • Add a black border to the bottom
  • Add White Border Bottom
    • Add a white border to the bottom
  • Remove Fixed Height
    • Remove any “height” property that has been set
  • Remove Fixed Width
    • Remove any “width” property that has been set
  • No Margins
    • Remove all margins
  • Padding 1em
    • Override padding properties and set all padding (top, right, bottom, left) to 1em
  • Padding 0.5em
    • Override padding properties and set all padding (top, right, bottom, left) to 0.5em
  • Padding Block
    • Override the “display” property and set to block
  • Padding Inline Block
    • Override the “display” property and set to inline-block