Cover Section #1

Custom cover design with 2 buttons – Full-width layout

Information

How to add to your site: Please check DOCUMENTATION

Custom CSS


.gp-cover-1 .wp-block-cover__inner-container {
    max-width: 1200px;
    padding: 40px;
}

.gp-cover-1-btns {
    margin-top: 30px;
}

.wp-block-buttons.gp-cover-1-btns a {
    padding: 16px 20px !important;
}

This is a full-width cover section. For the inner content, I have set the max-width to 1200px. Please change that to your theme’s inner container width. Also, play with the padding value to go with your websites padding settings.

As you can see here I have used a Custom HTML block here to insert the CSS snippet. If you like you can remove this from here and add directly to your website. If you don’t know how to add custom codes in you WordPress site, please check the below article.

How to add Custom CSS to WordPress: Beginner’s guide

* The background image is from unsplash.com