Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Switch to Page Builder view.
  2. Add a row with at least 2 columns.
  3. Hover over the wrench icon on the right side of the row and click Edit Row.
  4. Under Row Styles > Attributes > Row Class, add the class box-row.
  5. Add widgets to columns.
  6. Save/Update the page.

...

Equal Height Row

As the name suggests, an Equal Height Box Row is a row that creates equal height content boxes. A colored background (not white) should be used for the best presentation. The height is calculated by the overall column size, so multiple widgets can be added to a column without causing issues.Image Removedrows with less formatting than the box-row.

  1. Switch to Page Builder view.
  2. Add a row with at least 2 columns.
  3. Hover over the wrench icon on the right side of the row and click Edit Row.
  4. Under Row Styles > Attributes > Row Class, add the class boxequal-height-row.
  5. Add widgets to columns.
  6. Save/Update the page.


**There is no native styling for equal height content, so you must add a background color to either the widgets or the columns themselves.


Adding Background Colors to Columns

  1. Hover over the wrench icon on the right side of the row and click Edit Row.
    Image Added

  2. Click on one of your columns, anywhere but in the middle where the percentage text is. 
  3. An additional section will appear in the right sidebar below Row Styles called Cell # Styles
  4. Under Cell # Styles > Design > Background Color change the color for your column
    1. *You can also add padding and any other additional styling from the Cell # Styles section
  5. Save/Update the page


...

UConn Today View Options

The UConn Today plugin has a couple of options for layouts. The default option has a large image above and title below. This example shows two widgets side by side.

...

  1. Switch to Page Builder view.
  2. Add a row.
  3. Add a Custom HTML widget and follow the instructions for how to configure a UConn Today feed.
  4. Edit the Custom HTML widget.
  5. Under Widget Styles > Attributes > Widget Class, add the class today-list. Alternatively, you can add the class to the entire row.
  6. Save/Update the page.

...

Basic Aurora WordPress Articles