[Resolved] GenerateBlocks Text Section Alignment

Home Forums Support [Resolved] GenerateBlocks Text Section Alignment

Home Forums Support GenerateBlocks Text Section Alignment

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1663061
    Simon

    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! 🙂

    Review At A Glance

    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 -->
    #1663109
    David
    Staff
    Customer Support

    Hi 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>&nbsp;Matthew Tang’s Click Wealth System is an&nbsp;<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>&nbsp;Matthew Tang’s Click Wealth System is an&nbsp;<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>&nbsp;Matthew Tang’s Click Wealth System is an&nbsp;<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>&nbsp;Matthew Tang’s Click Wealth System is an&nbsp;<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>&nbsp;Matthew Tang’s Click Wealth System is an&nbsp;<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 🙂

    #1663619
    Simon

    Thank you so much, you’ve just changed my world for reals 🙂

    #1664180
    David
    Staff
    Customer Support

    Awesome – glad tom be of help – great to see people using GB for creating their own ‘blocks’ its what we hoped to see!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.