Rows split in two - Call to Action button in the middle


I got a row with 1 widget on the left and 2 on the right.

I need a CTA button right in the middle on the top.

But how to I place a widget there? It will only let me place it to the right or the left.

And if I choose to make a new row, it separates from where I need it.


Hello there,

You can use the “Layout Builder” plugin. Then create 2 rows inside it. To control the spacing of the two rows, please try to do the following steps:

  1. Edit the “Layout Builder” widget > Row Styles > Theme > Row Class > enter merge-row class name

  2. Apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css.

.merge-row .panel-grid:first-child .panel-row-style{
  padding-bottom: 0 !important;

.merge-row .panel-grid:last-child .panel-row-style{
  padding-top: 0 !important;

To help me explaining it better, please see this screencast