Row, 3 Columns
The Row, 3 Columns shortcode allows you to organize sections of content on your page into two vertical columns. You can customize the relative size of these columns according to your page layout needs. This shortcode accepts text and basic HTML tags for styling.
To add Row, 3 Columns to your page:
- Make sure you have installed the NC State Shortcodes and Shortcake (Shortcode UI) plugins on your site.
- Follow the steps to add a shortcode to your page. Select Row, 3 Columns from the options panel.
- Enter your text in the Column 1, Column 2 fields & Column 3. These fields support both plain text and basic HTML.
- Choose your Column Width Ratio. This designates the relative width of your two columns.
- Click the Insert Element button in the bottom right corner of the window.
Examples
Row, 3 Columns (33-33-33%)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Row, 3 columns (50-25-25%)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Row, 3 Column (25-25-50%)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis cursus mauris. Sed bibendum ullamcorper nisi id fermentum. Donec nisl ligula, elementum at neque sit amet, facilisis scelerisque sem. Suspendisse id tristique lorem. Aenean tincidunt nisi felis, eget blandit est mollis nec. Nam scelerisque purus sit amet magna dapibus consectetur. Proin nec mauris dolor. Suspendisse quis sem tincidunt, commodo ex vel, dignissim elit. Nunc lectus est, tristique in convallis eu, tempor ut mauris. Sed venenatis congue tellus, id ultricies ligula pretium sit amet.