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


#1

Hi

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.

Thanks!


#2

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 https://cloudup.com/cb0AuZU9fVQ.

Regards,
Kharis