Demo page: https://wpresidence.net/featured-agent/

Add shortcode from the classic editor with WPBakery Page Builder

You can follow the steps in the below video tutorial:

Please note that the video is made with an older version of the theme and the shortcode worked with agent ID, now you need to type the agent name.  The steps are the same.

Add shortcode block in Gutenberg editor

Wp Residence is WordPress 5.0 ready and fully Gutenberg Ready! Wp Residence 1.50.1 – Includes WpResidence Gutenberg Blocks for clients who wish to use Gutenberg (WordPress 5.0 Newest Editor) instead of classic editor with WPBakery Page Builder builder.

Help for theme update: http://help.wpresidence.net/article/how-to-update-the-theme/

To add a new block, all you need to do is click the +Plus icon and select the type of content you want to add. Theme shortcodes are inside WpResidence Blocks category:

Select Featured Agent block and add notes:

 

How to remove notes from Featured Agent shortcode

Remove the notes with this css

.featured_agent_notes {
display: none;
}

Make the details visible with this CSS

.agent_featured_details {
opacity: 1;
position: relative;
display: block;
}

Optional, remove the MY LISTINGS button with this css

.featured_agent_listings.wpresidence_button {
display: none;
}

Help for custom css: http://help.wpresidence.net/article/how-to-add-custom-css/