- This topic has 3 replies, 2 voices, and was last updated 3 years, 1 month ago by David.
-
AuthorPosts
-
February 18, 2021 at 5:31 am #1663061Simon
Hi, I’m making a summary box for every post. I had previously used sections but could never get it how I wanted it, so I thought I would try with GenerateBlocks.
As you can see from the image below, it’s almost good…
I just can’t get the text to the left of the star rating image to centre vertically and have been trying for a couple of hours.
If you can help I promise to buy you a chocolate cake! 🙂
It’s a text box within a section block of a grid.
Here’s my ‘Review At A Glance’ reusable block code:
<!-- wp:uagb/section {"classMigrate":true,"block_id":"970a01c3","topPadding":8,"bottomPadding":8,"leftPadding":15,"rightPadding":15,"width":730,"innerWidth":700,"themeWidth":true,"backgroundType":"color","backgroundColor":"#ffffff","borderStyle":"solid","borderRadius":0,"borderColor":"#abb8c3","boxShadowColor":"#abb8c3"} --> <section class="wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-970a01c3"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap"><!-- wp:heading {"textAlign":"center","level":4} --> <h4 class="has-text-align-center">X Review At A Glance</h4> <!-- /wp:heading --> <!-- wp:uagb/info-box {"classMigrate":true,"iconimgPosition":"left","subHeadFontSize":16.5,"subHeadFontWeight":"400","source_type":"image","block_id":"e9003be0","seperatorStyle":"none","iconLeftMargin":9,"iconRightMargin":8,"iconTopMargin":2,"iconImage":{"uploading":false,"date":"2021-02-17T23:08:51.000Z","filename":"About-Icon.png","menuOrder":0,"uploadedTo":26508,"type":"image","subtype":"png","id":32938,"title":"About Icon","url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/About-Icon.png","link":"https://themakemoneyonlineblog.com/untitled-reusable-block-14/about-icon/#main","alt":"About Icon","author":"2","description":"","caption":"","name":"about-icon","status":"inherit","modified":"2021-02-17T23:08:51.000Z","mime":"image/png","icon":"https://themakemoneyonlineblog.com/wp-includes/images/media/default.png","dateFormatted":"18 February 2021","nonces":{"update":"d096bff07a","delete":"9b62db1d2d","edit":"61eb0368e9"},"editLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=32938\u0026action=edit","meta":false,"authorName":"Simon Crowe","authorLink":"https://themakemoneyonlineblog.com/wp-admin/profile.php","uploadedToTitle":"Review At A Glance","uploadedToLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=26508\u0026action=edit","filesizeInBytes":682,"filesizeHumanReadable":"682 B","context":"","height":40,"width":40,"orientation":"landscape","sizes":{"full":{"url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/About-Icon.png","height":40,"width":40,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageWidth":20,"stack":"none","showPrefix":false,"showTitle":false} --> <div class="wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-e9003be0"><div class="uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-image uagb-infobox-icon-left uagb-infobox-left uagb-infobox-image-valign-top uagb-infobox-enable-border-radius "><div class="uagb-ifb-left-right-wrap"><div class="uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap"><div class="uagb-ifb-image"><div class="uagb-ifb-image-content"><img class="uagb-ifb-img-src" src="https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/About-Icon.png" alt="About Icon"/></div></div></div><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"></div><div class="uagb-ifb-text-wrap"><p class="uagb-ifb-desc"><strong>About:</strong> Matthew Tang’s Click Wealth System is an <a href="https://themakemoneyonlineblog.com/affiliate-marketing/" target="_blank" rel="noreferrer noopener" title="What Is Affiliate Marketing And How Does It Work? [The Beginner’s Guide]">affiliate marketing</a> course that promises to show you how to generate $10,000 a month online.</p></div></div></div></div></div> <!-- /wp:uagb/info-box --> <!-- wp:uagb/info-box {"classMigrate":true,"iconimgPosition":"left","subHeadFontSize":16.5,"subHeadFontWeight":"400","source_type":"image","block_id":"4b44a221","seperatorStyle":"none","iconLeftMargin":9,"iconRightMargin":8,"iconTopMargin":2,"iconImage":{"uploading":false,"date":"2021-02-17T23:08:50.000Z","filename":"Price-Icon.png","menuOrder":0,"uploadedTo":26508,"type":"image","subtype":"png","alt":"Price Icon","title":"Price Icon","caption":"","description":"","url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Price-Icon.png","id":32937,"link":"https://themakemoneyonlineblog.com/untitled-reusable-block-14/price-icon/#main","author":"2","name":"price-icon","status":"inherit","modified":"2021-02-17T23:08:50.000Z","mime":"image/png","icon":"https://themakemoneyonlineblog.com/wp-includes/images/media/default.png","dateFormatted":"18 February 2021","nonces":{"update":"eb7d0610df","delete":"4d3086d59d","edit":"f645096a4e"},"editLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=32937\u0026action=edit","meta":false,"authorName":"Simon Crowe","authorLink":"https://themakemoneyonlineblog.com/wp-admin/profile.php","uploadedToTitle":"Review At A Glance","uploadedToLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=26508\u0026action=edit","filesizeInBytes":795,"filesizeHumanReadable":"795 B","context":"","height":40,"width":40,"orientation":"landscape","sizes":{"full":{"url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Price-Icon.png","height":40,"width":40,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageWidth":20,"stack":"none","showPrefix":false,"showTitle":false} --> <div class="wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-4b44a221"><div class="uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-image uagb-infobox-icon-left uagb-infobox-left uagb-infobox-image-valign-top uagb-infobox-enable-border-radius "><div class="uagb-ifb-left-right-wrap"><div class="uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap"><div class="uagb-ifb-image"><div class="uagb-ifb-image-content"><img class="uagb-ifb-img-src" src="https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Price-Icon.png" alt="Price Icon"/></div></div></div><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"></div><div class="uagb-ifb-text-wrap"><p class="uagb-ifb-desc"><strong>Price:</strong> $9 plus $397 in upsells, but paid solo ads add $80-$1,200 to that total.</p></div></div></div></div></div> <!-- /wp:uagb/info-box --> <!-- wp:uagb/info-box {"classMigrate":true,"iconimgPosition":"left","subHeadFontSize":16.5,"subHeadFontWeight":"400","source_type":"image","block_id":"095c48f1","seperatorStyle":"none","iconLeftMargin":9,"iconRightMargin":8,"iconTopMargin":1,"iconImage":{"uploading":false,"date":"2021-02-17T23:08:48.000Z","filename":"Pros-Icon.png","menuOrder":0,"uploadedTo":26508,"type":"image","subtype":"png","alt":"Pros Icon","title":"Pros Icon","caption":"","description":"","url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Pros-Icon.png","id":32936,"link":"https://themakemoneyonlineblog.com/untitled-reusable-block-14/pros-icon/#main","author":"2","name":"pros-icon","status":"inherit","modified":"2021-02-17T23:08:48.000Z","mime":"image/png","icon":"https://themakemoneyonlineblog.com/wp-includes/images/media/default.png","dateFormatted":"18 February 2021","nonces":{"update":"10cf6b3eb9","delete":"a51f9c67a8","edit":"7983237d18"},"editLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=32936\u0026action=edit","meta":false,"authorName":"Simon Crowe","authorLink":"https://themakemoneyonlineblog.com/wp-admin/profile.php","uploadedToTitle":"Review At A Glance","uploadedToLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=26508\u0026action=edit","filesizeInBytes":713,"filesizeHumanReadable":"713 B","context":"","height":40,"width":40,"orientation":"landscape","sizes":{"full":{"url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Pros-Icon.png","height":40,"width":40,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageWidth":19,"stack":"none","showPrefix":false,"showTitle":false} --> <div class="wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-095c48f1"><div class="uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-image uagb-infobox-icon-left uagb-infobox-left uagb-infobox-image-valign-top uagb-infobox-enable-border-radius "><div class="uagb-ifb-left-right-wrap"><div class="uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap"><div class="uagb-ifb-image"><div class="uagb-ifb-image-content"><img class="uagb-ifb-img-src" src="https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Pros-Icon.png" alt="Pros Icon"/></div></div></div><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"></div><div class="uagb-ifb-text-wrap"><p class="uagb-ifb-desc"><strong>Pros:</strong> Comes with a 60-day refund.</p></div></div></div></div></div> <!-- /wp:uagb/info-box --> <!-- wp:uagb/info-box {"classMigrate":true,"iconimgPosition":"left","subHeadFontSize":16.5,"subHeadFontWeight":"400","source_type":"image","block_id":"3498e305","seperatorStyle":"none","iconLeftMargin":9,"iconRightMargin":8,"iconTopMargin":2,"iconImage":{"uploading":false,"date":"2021-02-17T23:08:47.000Z","filename":"Cons-Icon.png","menuOrder":0,"uploadedTo":26508,"type":"image","subtype":"png","alt":"Cons Icon","title":"Cons Icon","caption":"","description":"","url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Cons-Icon.png","id":32935,"link":"https://themakemoneyonlineblog.com/untitled-reusable-block-14/cons-icon/#main","author":"2","name":"cons-icon","status":"inherit","modified":"2021-02-17T23:08:47.000Z","mime":"image/png","icon":"https://themakemoneyonlineblog.com/wp-includes/images/media/default.png","dateFormatted":"18 February 2021","nonces":{"update":"b362cfd37b","delete":"b1e2c6e3de","edit":"cbac9cd33a"},"editLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=32935\u0026action=edit","meta":false,"authorName":"Simon Crowe","authorLink":"https://themakemoneyonlineblog.com/wp-admin/profile.php","uploadedToTitle":"Review At A Glance","uploadedToLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=26508\u0026action=edit","filesizeInBytes":611,"filesizeHumanReadable":"611 B","context":"","height":40,"width":40,"orientation":"landscape","sizes":{"full":{"url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Cons-Icon.png","height":40,"width":40,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageWidth":20,"stack":"none","showPrefix":false,"showTitle":false} --> <div class="wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-3498e305"><div class="uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-image uagb-infobox-icon-left uagb-infobox-left uagb-infobox-image-valign-top uagb-infobox-enable-border-radius "><div class="uagb-ifb-left-right-wrap"><div class="uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap"><div class="uagb-ifb-image"><div class="uagb-ifb-image-content"><img class="uagb-ifb-img-src" src="https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Cons-Icon.png" alt="Cons Icon"/></div></div></div><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"></div><div class="uagb-ifb-text-wrap"><p class="uagb-ifb-desc"><strong>Cons:</strong> It’s impossible to make the money they claim with the expensive and ineffective traffic methods they teach.</p></div></div></div></div></div> <!-- /wp:uagb/info-box --> <!-- wp:uagb/info-box {"classMigrate":true,"iconimgPosition":"left","subHeadFontSize":16.5,"subHeadFontWeight":"400","source_type":"image","block_id":"7bcd5262","seperatorStyle":"none","iconLeftMargin":9,"iconRightMargin":8,"iconTopMargin":2,"iconImage":{"uploading":false,"date":"2021-02-17T23:08:45.000Z","filename":"Recommended-Icon.png","menuOrder":0,"uploadedTo":26508,"type":"image","subtype":"png","alt":"Recommended Icon","title":"Recommended Icon","caption":"","description":"","url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Recommended-Icon.png","id":32934,"link":"https://themakemoneyonlineblog.com/untitled-reusable-block-14/recommended-icon/#main","author":"2","name":"recommended-icon","status":"inherit","modified":"2021-02-17T23:08:45.000Z","mime":"image/png","icon":"https://themakemoneyonlineblog.com/wp-includes/images/media/default.png","dateFormatted":"18 February 2021","nonces":{"update":"e007768e05","delete":"54acdf2412","edit":"da5f6a42b3"},"editLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=32934\u0026action=edit","meta":false,"authorName":"Simon Crowe","authorLink":"https://themakemoneyonlineblog.com/wp-admin/profile.php","uploadedToTitle":"Review At A Glance","uploadedToLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=26508\u0026action=edit","filesizeInBytes":731,"filesizeHumanReadable":"731 B","context":"","height":40,"width":40,"orientation":"landscape","sizes":{"full":{"url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Recommended-Icon.png","height":40,"width":40,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageWidth":20,"stack":"none","showPrefix":false,"showTitle":false} --> <div class="wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-7bcd5262"><div class="uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-image uagb-infobox-icon-left uagb-infobox-left uagb-infobox-image-valign-top uagb-infobox-enable-border-radius "><div class="uagb-ifb-left-right-wrap"><div class="uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap"><div class="uagb-ifb-image"><div class="uagb-ifb-image-content"><img class="uagb-ifb-img-src" src="https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Recommended-Icon.png" alt="Recommended Icon"/></div></div></div><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"></div><div class="uagb-ifb-text-wrap"><p class="uagb-ifb-desc"><strong>Verdict:</strong> </p></div></div></div></div></div> <!-- /wp:uagb/info-box --> <!-- wp:uagb/info-box {"classMigrate":true,"iconimgPosition":"left","subHeadFontSize":16.5,"subHeadFontWeight":"400","source_type":"image","block_id":"232b5ade","seperatorStyle":"none","iconLeftMargin":9,"iconRightMargin":8,"iconTopMargin":2,"iconImage":{"uploading":false,"date":"2021-02-17T23:07:58.000Z","filename":"Not-Recommended-Icon.png","menuOrder":0,"uploadedTo":26508,"type":"image","subtype":"png","id":32932,"title":"Not Recommended Icon","url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Not-Recommended-Icon.png","link":"https://themakemoneyonlineblog.com/untitled-reusable-block-14/not-recommended-icon/#main","alt":"Not Recommended Icon","author":"2","description":"","caption":"","name":"not-recommended-icon","status":"inherit","modified":"2021-02-17T23:07:58.000Z","mime":"image/png","icon":"https://themakemoneyonlineblog.com/wp-includes/images/media/default.png","dateFormatted":"18 February 2021","nonces":{"update":"ac82057de1","delete":"4e0f0ca512","edit":"57ebff1bf9"},"editLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=32932\u0026action=edit","meta":false,"authorName":"Simon Crowe","authorLink":"https://themakemoneyonlineblog.com/wp-admin/profile.php","uploadedToTitle":"Review At A Glance","uploadedToLink":"https://themakemoneyonlineblog.com/wp-admin/post.php?post=26508\u0026action=edit","filesizeInBytes":789,"filesizeHumanReadable":"789 B","context":"","height":40,"width":40,"orientation":"landscape","sizes":{"full":{"url":"https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Not-Recommended-Icon.png","height":40,"width":40,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"imageWidth":20,"stack":"none","showPrefix":false,"showTitle":false} --> <div class="wp-block-uagb-info-box uagb-infobox__outer-wrap uagb-block-232b5ade"><div class="uagb-infobox__content-wrap uagb-infobox uagb-infobox-has-image uagb-infobox-icon-left uagb-infobox-left uagb-infobox-image-valign-top uagb-infobox-enable-border-radius "><div class="uagb-ifb-left-right-wrap"><div class="uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap"><div class="uagb-ifb-image"><div class="uagb-ifb-image-content"><img class="uagb-ifb-img-src" src="https://themakemoneyonlineblog.com/wp-content/uploads/2020/09/Not-Recommended-Icon.png" alt="Not Recommended Icon"/></div></div></div><div class="uagb-ifb-content"><div class="uagb-ifb-title-wrap"></div><div class="uagb-ifb-text-wrap"><p class="uagb-ifb-desc"><strong>Verdict:</strong> A short, low-quality course about how to promote Click Wealth system and most definitely a scam.</p></div></div></div></div></div> <!-- /wp:uagb/info-box --> <!-- wp:generateblocks/grid {"uniqueId":"4a7321a0","columns":2,"horizontalGap":20,"verticalGap":10,"horizontalAlignment":"center","isDynamic":true} --> <!-- wp:generateblocks/container {"uniqueId":"29a5c92f","isGrid":true,"gridId":"3e21f758","width":45,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","removeVerticalGap":true,"alignment":"center","isDynamic":true} --> <!-- wp:generateblocks/container {"uniqueId":"d0a128f2","paddingTop":"0","paddingRight":"20","paddingBottom":"0","paddingLeft":"20","marginTop":"0","borderSizeTop":"1","borderSizeRight":"1","borderSizeBottom":"1","borderSizeLeft":"1","borderColor":"#abb8c3","alignment":"center","showAdvancedTypography":true,"isDynamic":true} --> <!-- wp:generateblocks/grid {"uniqueId":"c135ec55","columns":2,"horizontalGap":0,"verticalGap":0,"horizontalAlignment":"center","isDynamic":true} --> <!-- wp:generateblocks/container {"uniqueId":"95679291","isGrid":true,"gridId":"c135ec55","width":25,"minHeight":0,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","marginTop":"0","alignment":"center","showAdvancedTypography":true,"isDynamic":true} --> <!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":12}}} --> <p class="has-text-align-left" style="font-size:12px">OVERALL RATING</p> <!-- /wp:paragraph --> <!-- /wp:generateblocks/container --> <!-- wp:generateblocks/container {"uniqueId":"6c1d880d","isGrid":true,"gridId":"c135ec55","width":74,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","paddingSyncUnits":true,"removeVerticalGap":true,"isDynamic":true} --> <!-- wp:image {"align":"right","id":33058,"width":200,"height":51,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} --> <div class="wp-block-image is-style-default"><figure class="alignright size-large is-resized"><img src="https://themakemoneyonlineblog.com/wp-content/uploads/2021/02/Overall-Rating-10-1024x205.png" alt="" class="wp-image-33058" width="200" height="51"/></figure></div> <!-- /wp:image --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/grid --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/container --> <!-- wp:generateblocks/container {"uniqueId":"8a113f36","isGrid":true,"gridId":"3e21f758","width":44.68,"paddingTop":"5","paddingRight":"20","paddingBottom":"0","paddingLeft":"0","alignment":"left","isDynamic":true} --> <!-- wp:generateblocks/button-container {"uniqueId":"d1223a21","marginRight":"0","isDynamic":true} --> <!-- wp:generateblocks/button {"uniqueId":"d85a9de2","hasUrl":true,"target":true,"backgroundColor":"#da394a","textColor":"#ffffff","backgroundColorHover":"#da394a","textColorHover":"#ffffff","showAdvancedTypography":true,"fontWeight":"bold","textTransform":"initial","letterSpacing":0,"paddingTop":"12","paddingRight":"51","paddingBottom":"12","paddingLeft":"51"} --> <a class="gb-button gb-button-d85a9de2 gb-button-text" href="https://themakemoneyonlineblog.com/" target="_blank" rel="noopener noreferrer"><strong>A Better Alternative</strong></a> <!-- /wp:generateblocks/button --> <!-- /wp:generateblocks/button-container --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/grid --></div></section> <!-- /wp:uagb/section -->
February 18, 2021 at 6:43 am #1663109DavidStaffCustomer SupportHi there,
this is really a topic for the GenerateBlocks support forum.
Or you may want to join our GB Community:https://community.generateblocks.com
If you can raise any follow up questions in that forum / community in the future it would be much appreciated.
As a quick exercise i mocked this up 100% using GB:
<!-- wp:generateblocks/container {"uniqueId":"97cf7202","paddingTop":"15","paddingRight":"15","paddingBottom":"15","paddingLeft":"15","paddingSyncUnits":true,"borderSizeTop":"1","borderSizeRight":"1","borderSizeBottom":"1","borderSizeLeft":"1","backgroundColor":"#ffffff","isDynamic":true} --> <!-- wp:generateblocks/headline {"uniqueId":"ebe121e3","element":"h4","alignment":"center"} --> <h4 class="gb-headline gb-headline-ebe121e3 gb-headline-text">X Review At A Glance</h4> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"18050dcf","element":"p","showAdvancedTypography":true,"marginBottom":"10","iconVerticalAlignment":"top"} --> <p class="gb-headline gb-headline-18050dcf gb-headline-text"><strong>About:</strong> Matthew Tang’s Click Wealth System is an <a rel="noreferrer noopener" href="https://themakemoneyonlineblog.com/affiliate-marketing/" target="_blank">affiliate marketing</a>course that promises to show you how to generate $10,000 a month online.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"ab43c031","element":"p","marginBottom":"10","iconVerticalAlignment":"top"} --> <p class="gb-headline gb-headline-ab43c031 gb-headline-text"><strong>About:</strong> Matthew Tang’s Click Wealth System is an <a rel="noreferrer noopener" href="https://themakemoneyonlineblog.com/affiliate-marketing/" target="_blank">affiliate marketing</a>course that promises to show you how to generate $10,000 a month online.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"0f7ca674","element":"p","marginBottom":"10","iconVerticalAlignment":"top"} --> <p class="gb-headline gb-headline-0f7ca674 gb-headline-text"><strong>About:</strong> Matthew Tang’s Click Wealth System is an <a rel="noreferrer noopener" href="https://themakemoneyonlineblog.com/affiliate-marketing/" target="_blank">affiliate marketing</a>course that promises to show you how to generate $10,000 a month online.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"e1fd41a3","element":"p","marginBottom":"10","iconVerticalAlignment":"top"} --> <p class="gb-headline gb-headline-e1fd41a3 gb-headline-text"><strong>About:</strong> Matthew Tang’s Click Wealth System is an <a rel="noreferrer noopener" href="https://themakemoneyonlineblog.com/affiliate-marketing/" target="_blank">affiliate marketing</a>course that promises to show you how to generate $10,000 a month online.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/headline {"uniqueId":"a0491775","element":"p","marginBottom":"10","paddingBottom":"20","iconVerticalAlignment":"top"} --> <p class="gb-headline gb-headline-a0491775 gb-headline-text"><strong>About:</strong> Matthew Tang’s Click Wealth System is an <a rel="noreferrer noopener" href="https://themakemoneyonlineblog.com/affiliate-marketing/" target="_blank">affiliate marketing</a>course that promises to show you how to generate $10,000 a month online.</p> <!-- /wp:generateblocks/headline --> <!-- wp:generateblocks/grid {"uniqueId":"b928215b","columns":2,"isDynamic":true} --> <!-- wp:generateblocks/container {"uniqueId":"9484a393","isGrid":true,"gridId":"2b5c4f29","paddingTop":"8","paddingRight":"8","paddingBottom":"8","paddingLeft":"8","paddingSyncUnits":true,"borderSizeTop":"1","borderSizeRight":"1","borderSizeBottom":"1","borderSizeLeft":"1","isDynamic":true} --> <!-- wp:generateblocks/grid {"uniqueId":"4c9ad629","columns":2,"verticalAlignment":"center","isDynamic":true} --> <!-- wp:generateblocks/container {"uniqueId":"caa047d1","isGrid":true,"gridId":"4e884b7a","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} --> <!-- wp:generateblocks/headline {"uniqueId":"5fcb87e4","element":"p","marginBottom":"0"} --> <p class="gb-headline gb-headline-5fcb87e4 gb-headline-text">Overall Rating</p> <!-- /wp:generateblocks/headline --> <!-- /wp:generateblocks/container --> <!-- wp:generateblocks/container {"uniqueId":"1ef658c1","isGrid":true,"gridId":"4e884b7a","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} --> <!-- wp:image {"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://themakemoneyonlineblog.com/wp-content/uploads/2021/02/Overall-Rating-10-1024x205.png" alt=""/></figure> <!-- /wp:image --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/grid --> <!-- /wp:generateblocks/container --> <!-- wp:generateblocks/container {"uniqueId":"4f8d486e","isGrid":true,"gridId":"2b5c4f29","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} --> <!-- wp:generateblocks/button-container {"uniqueId":"ac9d6474","fillHorizontalSpace":true,"isDynamic":true} --> <!-- wp:generateblocks/button {"uniqueId":"405d0b12","hasUrl":false,"backgroundColor":"#0366d6","textColor":"#ffffff","backgroundColorHover":"#222222","textColorHover":"#ffffff","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"20"} --> <span class="gb-button gb-button-405d0b12 gb-button-text">Button</span> <!-- /wp:generateblocks/button --> <!-- /wp:generateblocks/button-container --> <!-- /wp:generateblocks/container --> <!-- /wp:generateblocks/grid --> <!-- /wp:generateblocks/container --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph -->
The Headline Block you can add inline icons to. Its worth taking the time adding SVG icons as theres no image requests:
https://docs.generateblocks.com/article/adding-custom-svg-icons/
Some other pointers:
1. When you add a Grid Block it automatically adds a Container Block for each Grid item, so theres no need to add a container block inside them.
2. The Grid Block has vertical alignment which can be set to center:
https://docs.generateblocks.com/article/grid-overview/#vertical-alignment
Hope that helps 🙂
February 18, 2021 at 11:24 am #1663619SimonThank you so much, you’ve just changed my world for reals 🙂
February 19, 2021 at 2:51 am #1664180DavidStaffCustomer SupportAwesome – glad tom be of help – great to see people using GB for creating their own ‘blocks’ its what we hoped to see!
-
AuthorPosts
- You must be logged in to reply to this topic.