{"id":472,"date":"2018-12-09T18:32:32","date_gmt":"2018-12-09T18:32:32","guid":{"rendered":"http:\/\/hellochic.helloyoudemos.com\/?page_id=462"},"modified":"2018-12-09T18:32:32","modified_gmt":"2018-12-09T18:32:32","slug":"gutenberg-styling","status":"publish","type":"page","link":"https:\/\/danimeyer.com\/gutenberg-styling\/","title":{"rendered":"Gutenberg Styling"},"content":{"rendered":"\n\n<h2 class=\"wp-block-heading\">Paragraph Block<\/h2>\n\n\n\n<p>All of our themes are Gutenberg ready.  Below is how the gutenberg editor will look with your theme. Keep in mind that if you want to use the new full width image sections then you need to assign your page to full width and not have a sidebar on it.<br><br><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Heading Block H1<\/h1>\n<h2>Heading Block H2<\/h2>\n<h3>Heading Block H3<\/h3>\n<h4>Heading Block H4<\/h4>\n<h5>Heading Block H5<\/h5>\n<h6>Heading Block H6<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\">Subhead Block<\/h2>\n\n\n<p class=\"wp-block-subhead\">This is a Subhead<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image Block (Standard\n\t<g class=\"gr_ gr_3 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace\" id=\"3\" data-gr-id=\"3\">width<\/g>)<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/12\/bg2.jpg\" alt=\"\"><\/figure>\n\n<br>\n<br>\n\n<h2 class=\"wp-block-heading\">Image Block (Wide\n\t<g class=\"gr_ gr_3 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace\" id=\"3\" data-gr-id=\"3\">width<\/g>)<\/h2>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/12\/bg2.jpg\" alt=\"\"><\/figure>\n\n<br>\n<br>\n\n<h2 class=\"wp-block-heading\">Image Block (Full width)<\/h2>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/12\/bg2.jpg\" alt=\"\"><\/figure>\n\n<br>\n<br>\n\n<h2 class=\"wp-block-heading\">Cover Image Block<\/h2>\n\n\n\n<div class=\"wp-block-cover-image has-background-dim alignfull\" style=\"background-image:url(http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/12\/bg2.jpg)\">\n\t<p class=\"wp-block-cover-image-text\">\nThis block is great for a hero section with a message and maybe even a button that links\n<br>\n<a href=\"https:\/\/helloyoudesigns.com\" class=\"button\" target=\"blank\">View Themes<\/a><\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Gallery Block with Captions (can also be used without)<\/h2>\n\n\n\n<ul class=\"wp-block-gallery alignnone columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n\t<li class=\"blocks-gallery-item\">\n\t\t<figure><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/09\/HelloRoseSquare.jpg\" alt=\"\">\n\t\t\t<figcaption>Hello Rose<\/figcaption>\n\t\t<\/figure>\n\t<\/li>\n\t<li class=\"blocks-gallery-item\">\n\t\t<figure><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/07\/HelloChic-ShopImage.jpg\" alt=\"\">\n\t\t\t<figcaption>Hello Chic<\/figcaption>\n\t\t<\/figure>\n\t<\/li>\n\t<li class=\"blocks-gallery-item\">\n\t\t<figure><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2016\/09\/HDarlingShopBadge.jpg\" alt=\"\" data-id=\"1704\">\n\t\t\t<figcaption>Hello Darling<\/figcaption>\n\t\t<\/figure>\n\t<\/li>\n\t<li class=\"blocks-gallery-item\">\n\t\t<figure><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2017\/11\/HelloLuv-Shop.jpg\" alt=\"\">\n\t\t<\/figure>\n\t<\/li>\n\t<li class=\"blocks-gallery-item\">\n\t\t<figure><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2017\/10\/HelloBeautyIG.jpg\" alt=\"\">\n\t\t<\/figure>\n\t<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">List Block<\/h2>\n\n\n\n<ul>\n\t<li>List item 1<\/li>\n\t<li>List item 2<\/li>\n\t<li>List item 3<\/li>\n\t<li>List item 4<\/li>\n<\/ul>\n\n\n\n<h2 class=\"has-top-margin wp-block-heading\">Columns Block<\/h2>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n\t\n\t<figure class=\"wp-block-image layout-column-1\"><img decoding=\"async\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2017\/11\/HYD-HG12.jpg\" alt=\"\"><\/figure>\n\t\n\n\t\n\t<p class=\"layout-column-2\">Sweet Cupcake Ipsum coming at you.  Bear claw marshmallow I love jujubes topping sweet cotton candy ice cream I love. Danish halvah ice cream chocolate cake icing. Cake bear claw I love liquorice jelly beans cake I love I love cupcake. Souffl\u00e9 candy canes jelly sweet I love. Drag\u00e9e croissant chocolate bar sugar plum drag\u00e9e wafer biscuit I love. Donut bonbon tart sweet cake souffl\u00e9 tootsie roll.<\/p>\n\t\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Text Column Block<\/h2>\n\n\n\n<div class=\"wp-block-text-columns alignundefined columns-2\">\n\t<div class=\"wp-block-column\">\n\t\t<p>This is left text column.<br><br>Sweet Cupcake Ipsum coming at you.  Bear claw marshmallow I love jujubes topping sweet cotton candy ice cream I love. Danish halvah ice cream chocolate cake icing. Cake bear claw I love liquorice jelly beans cake I love I love cupcake. Souffl\u00e9 candy canes jelly sweet I love. Drag\u00e9e croissant chocolate bar sugar plum drag\u00e9e wafer biscuit I love. Donut bonbon tart sweet cake souffl\u00e9 tootsie roll.<br><\/p>\n\t<\/div>\n\t<div class=\"wp-block-column\">\n\t\t<p>This is right text column.<br><br>Sweet Cupcake Ipsum coming at you.  Bear claw marshmallow I love jujubes topping sweet cotton candy ice cream I love. Danish halvah ice cream chocolate cake icing. Cake bear claw I love liquorice jelly beans cake I love I love cupcake. Souffl\u00e9 candy canes jelly sweet I love. Drag\u00e9e croissant chocolate bar sugar plum drag\u00e9e wafer biscuit I love. Donut bonbon tart sweet cake souffl\u00e9 tootsie roll.<br><\/p>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Button Block<\/h2>\n\n\n\n<div class=\"wp-block-button alignnone\"><a class=\"wp-block-button__link\" href=\"https:\/\/helloyoudesigns.com\" target=\"blank\">VIEW ALL THEMES<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quote Block<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n\t<p><em>Sweet Cupcake Ipsum coming at you.  Bear claw marshmallow I love jujubes topping sweet cotton candy ice cream I love.<\/em><\/p><cite>Gingerbread Man<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Quote Block (another style)<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-large is-layout-flow wp-block-quote-is-layout-flow\">\n\t<p><em>Sweet Cupcake Ipsum coming at you.  Bear claw marshmallow I love jujubes topping sweet cotton candy ice cream I love. Danish halvah ice cream chocolate cake icing. Cake bear claw I love liquorice jelly beans cake I love I love cupcake. Souffl\u00e9 candy canes jelly sweet I love. Drag\u00e9e croissant chocolate bar sugar plum drag\u00e9e wafer biscuit I love. Donut bonbon tart sweet cake souffl\u00e9 tootsie roll.<\/em><\/p><cite>Gingerbread Man<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Code Block &#8211; CSS a Heart<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code> #heart {\n position: relative;\n width: 100px;\n height: 90px;\n }\n\n #heart:before,\n #heart:after {\n position: absolute;\n content: \"\";\n left: 50px;\n top: 0;\n width: 50px;\n height: 80px;\n background: red;\n border-radius: 50px 50px 0 0;\n transform: rotate(-45deg);\n transform-origin: 0 100%;\n }\n\n #heart:after {\n left: 0;\n transform: rotate(45deg);\n transform-origin: 100% 100%;\n }<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Audio Block &#8211; Featuring Monk Turner<\/h2>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls=\"\" src=\"http:\/\/helloyoudesigns.com\/wp-content\/uploads\/2018\/12\/Monk_Turner__Fascinoma_-_10_-_After_Disaster.mp3\"><\/audio><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video Block<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video controls=\"\" src=\"https:\/\/archive.org\/download\/taboca_201002_03\/0c53341f060875c7d387c62203170d51.mts-dirac24-272.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Custom HTML Block<\/h2>\n\n\n\n<strong>This is a HTML block.<\/strong>\n\n\n\n<h2 class=\"has-top-margin wp-block-heading\">Preformatted Block<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">This is some preformatted text. Preformatted text keeps your s p a c e s, tabs and<br>linebreaks as they are.<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Verse Block<\/h2>\n\n\n\n<pre class=\"wp-block-verse\">Write poetry and other literary expressions honoring all spaces and line-breaks.<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Table Block<\/h2>\n\n\n\n<table class=\"wp-block-table\">\n\t<tbody>\n\t\t<tr style=\"height:45px\">\n\t\t\t<td style=\"height:45px\">Row 1 Column 1<\/td>\n\t\t\t<td style=\"height:45px\">Row 1 Column 2<\/td>\n\t\t<\/tr>\n\t\t<tr style=\"height:45px\">\n\t\t\t<td style=\"height:45px\">Row 2 Column 1<\/td>\n\t\t\t<td style=\"height:45px\">Row 2 Column 2<\/td>\n\t\t<\/tr>\n\t\t<tr style=\"height:45px\">\n\t\t\t<td style=\"height:45px\">Row 3 Column 1<\/td>\n\t\t\t<td style=\"height:45px\">Row 3 Column 2<\/td>\n\t\t<\/tr>\n\t<\/tbody>\n<\/table>\n\n\n\n<h2 class=\"wp-block-heading\">Separator Block<\/h2>\n\n\n\n<hr class=\"wp-block-separator\">\n\n\n\n<h2 class=\"has-top-margin wp-block-heading\">Spacer Block<\/h2>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Categories Block<\/h2>\n\n\n<ul class=\"wp-block-categories-list wp-block-categories\"><li class=\"cat-item-none\">No categories<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Latest Posts Block<\/h2>\n\n\n<ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Twitter Embed Block<\/h2>\n\n\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\">\n\t<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">You asked and we heard.  Introducing Hello Rose, a gorgeous mashup of Hello Trending and Hello Luv.  To see it live visit <a href=\"https:\/\/t.co\/pPO0XKgtW6\">https:\/\/t.co\/pPO0XKgtW6<\/a> <a href=\"https:\/\/t.co\/h0McF8rToW\">pic.twitter.com\/h0McF8rToW<\/a><\/p>&mdash; Jennifer Choiniere (@HYDesignStudio) <a href=\"https:\/\/twitter.com\/HYDesignStudio\/status\/1042086432787943424?ref_src=twsrc%5Etfw\">September 18, 2018<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/figure>\n\n<br>\n<br>\n\n<h2 class=\"wp-block-heading\">YouTube Embed Block<\/h2>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube\">\n\t<iframe loading=\"lazy\" width=\"1778\" height=\"1000\" src=\"https:\/\/www.youtube.com\/embed\/IBqE1M9_lP8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/figure>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"full-width-content","footnotes":""},"_links":{"self":[{"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/pages\/472"}],"collection":[{"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/comments?post=472"}],"version-history":[{"count":0,"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/pages\/472\/revisions"}],"wp:attachment":[{"href":"https:\/\/danimeyer.com\/wp-json\/wp\/v2\/media?parent=472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}