search

themeum / qubely

Qubely Blocks – Full-fledged Gutenberg Toolkit
GNU General Public License v3.0
84 stars 36 forks source link

`columns` block parsing in 1.4.x breaks _qubely_css and all blocks for a page #32

Closed dovy closed 4 years ago

dovy commented 4 years ago

After debugging this fully, I found this is an error with Qubely 1.4.x. Please note, the 1.4.1 release did not resolve the concern.

Here's an example template for you to test with:

<!-- wp:uagb/columns {"block_id":"d74adb4a-a322-40f4-b257-47de788361ea","classMigrate":true,"columns":1,"topPadding":150,"bottomPadding":150,"leftPadding":0,"rightPadding":0,"topPaddingMobile":90,"bottomPaddingMobile":90,"backgroundType":"image","backgroundImage":{"id":10731,"title":"Photo by Karina","filename":"weucg_slrsy-scaled.jpg","url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/weucg_slrsy-scaled.jpg","link":"https://staging-templates.redux.io/starterblocks/night-club/the-club/photo-by-karina/","alt":"people doing party in dark room","author":"4","description":"","caption":"","name":"photo-by-karina","status":"inherit","uploadedTo":10728,"date":"2020-05-04T04:44:13.000Z","modified":"2020-05-04T04:44:13.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://staging-templates.redux.io/wp-includes/images/media/default.png","dateFormatted":"May 4, 2020","nonces":{"update":"89950c2005","delete":"4b59e4abb6","edit":"7bfb853fdc"},"editLink":"https://staging-templates.redux.io/wp-admin/post.php?post=10731\u0026action=edit","meta":false,"authorName":"vastarpara","uploadedToLink":"https://staging-templates.redux.io/wp-admin/post.php?post=10728\u0026action=edit","uploadedToTitle":"The Club","filesizeInBytes":363669,"filesizeHumanReadable":"355 KB","context":"","originalImageURL":"https://staging-templates.redux.io/wp-content/uploads/2020/05/weucg_slrsy.jpg","originalImageName":"weucg_slrsy.jpg","height":1920,"width":2560,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/weucg_slrsy-150x150.jpg","orientation":"landscape"},"medium":{"height":225,"width":300,"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/weucg_slrsy-300x225.jpg","orientation":"landscape"},"large":{"height":768,"width":1024,"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/weucg_slrsy-1024x768.jpg","orientation":"landscape"},"full":{"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/weucg_slrsy-scaled.jpg","height":1920,"width":2560,"orientation":"landscape"}},"compat":{"item":"","meta":""},"acf_errors":false},"backgroundOpacity":45,"backgroundImageColor":"#000000","kioblocks":[]} -->
<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-image uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-d74adb4a-a322-40f4-b257-47de788361ea"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-1"><!-- wp:uagb/column {"block_id":"dafd68db-4996-4cd5-8d2c-f0a6cc08306b","classMigrate":true,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-dafd68db-4996-4cd5-8d2c-f0a6cc08306b"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/heading {"uniqueId":"8f029f","alignment":{"md":"center"},"typography":{"openTypography":1,"size":{"md":"95","unit":"px","xs":"47","sm":"66"},"family":"Poppins","type":"sans-serif","weight":900,"height":{"unit":"px","md":"133","xs":"57"}},"subHeading":true,"subHeadingTypography":{"openTypography":1,"size":{"md":"20","unit":"px"},"weight":700,"family":"Poppins","type":"sans-serif","height":{"unit":"px","md":"30"},"spacing":{"unit":"px","md":"2"}},"subHeadingColor":"#46b1fd","subHeadingSpacing":{"md":"10","unit":"px"},"textColor":"var(\u002d\u002dqubely-color-5)"} -->
<div class="wp-block-qubely-heading qubely-block-8f029f"><div class="qubely-block-heading  "><div class="qubely-heading-container"><h2 class="qubely-heading-selector">ROOFTOP BAR</h2></div><h3 class="qubely-sub-heading-selector"><strong><strong>COCKTAILS WITH A VIEW</strong></strong></h3></div></div>
<!-- /wp:qubely/heading --></div></div>
<!-- /wp:uagb/column --></div></section>
<!-- /wp:uagb/columns -->

<!-- wp:uagb/columns {"block_id":"7ac9da85-4f6f-407d-b567-4d19599d929e","classMigrate":true,"columns":3,"stack":"tablet","topPadding":0,"bottomPadding":0,"backgroundType":"color","backgroundImage":{"id":11315,"title":"Photo by Tommy van Kessel 🤙","filename":"8zmm4ntxmde-scaled.jpg","url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/8zmm4ntxmde-scaled.jpg","link":"https://staging-templates.redux.io/starterblocks/night-club/roofttop-bar/photo-by-tommy-van-kessel-%f0%9f%a4%99/","alt":"clear glass cup on wooden surface","author":"4","description":"","caption":"","name":"photo-by-tommy-van-kessel-%f0%9f%a4%99","status":"inherit","uploadedTo":11162,"date":"2020-05-05T04:29:25.000Z","modified":"2020-05-05T04:29:25.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://staging-templates.redux.io/wp-includes/images/media/default.png","dateFormatted":"May 5, 2020","nonces":{"update":"373a9db57e","delete":"2363396c08","edit":"2cfe5ab595"},"editLink":"https://staging-templates.redux.io/wp-admin/post.php?post=11315\u0026action=edit","meta":false,"authorName":"vastarpara","uploadedToLink":"https://staging-templates.redux.io/wp-admin/post.php?post=11162\u0026action=edit","uploadedToTitle":"Roofttop Bar","filesizeInBytes":493874,"filesizeHumanReadable":"482 KB","context":"","originalImageURL":"https://staging-templates.redux.io/wp-content/uploads/2020/05/8zmm4ntxmde.jpg","originalImageName":"8zmm4ntxmde.jpg","height":1707,"width":2560,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/8zmm4ntxmde-150x150.jpg","orientation":"landscape"},"medium":{"height":200,"width":300,"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/8zmm4ntxmde-300x200.jpg","orientation":"landscape"},"large":{"height":683,"width":1024,"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/8zmm4ntxmde-1024x683.jpg","orientation":"landscape"},"full":{"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/8zmm4ntxmde-scaled.jpg","height":1707,"width":2560,"orientation":"landscape"}},"compat":{"item":"","meta":""},"acf_errors":false},"backgroundColor":"#101015","kioblocks":[]} -->
<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-color uagb-columns__stack-tablet uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-7ac9da85-4f6f-407d-b567-4d19599d929e"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-3"><!-- wp:uagb/column {"block_id":"52044990-2569-4385-b9ce-558d44988c10","classMigrate":true,"colWidthTablet":100,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-52044990-2569-4385-b9ce-558d44988c10"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/image {"uniqueId":"8dbaa1","layout":"blurb","image":{"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/jky0lttoqc-scaled.jpg","id":11319},"imageBorderRadius":{"openBorderRadius":1,"radiusType":"custom","global":{},"unit":"px","custom":{"md":"5 5  "}},"title":"","titleTypography":{"openTypography":false,"size":{"md":38,"unit":"px"}},"enableSubTitle":false,"overlayBg":{"openColor":0,"type":"gradient","color":"rgba(6, 80, 183, 0.7)","gradient":{"color1":"rgba(6, 80, 183, 0.7)","color2":"rgba(96, 10, 255, 0.7)","direction":45,"start":0,"stop":100,"type":"linear"}},"overlayHoverBg":{"openColor":0,"type":"gradient","color":"rgba(6, 80, 183, 0.85)","gradient":{"color1":"rgba(6, 80, 183, 0.85)","color2":"rgba(96, 10, 255, 0.85)","direction":45,"start":0,"stop":100,"type":"linear"}},"contentAnimation":"zoom-in","contentPadding":{"openPadding":1,"paddingType":"global","global":{"md":"0"},"unit":"px"}} -->
<div class="wp-block-qubely-image qubely-block-8dbaa1"><div class="qubely-block-image  qubely-image-layout-blurb"><div class="qubely-image-media qubely-hover-animation-on qubely-hover-animation-type-zoom-in qubely-vertical-alignment-center qubely-horizontal-alignment-center"><figure><a class="qubely-image-container" href="#"><img class="qubely-image-image" src="https://staging-templates.redux.io/wp-content/uploads/2020/05/jky0lttoqc-scaled.jpg" alt=""/><div class="qubely-image-content"><div class="qubely-image-content-inner"><h3 class="qubely-image-title"></h3></div></div></a></figure></div></div></div>
<!-- /wp:qubely/image -->

<!-- wp:uagb/columns {"block_id":"7eb40214-8cc9-4b4a-9a98-77ea2ebcceb4","classMigrate":true,"columns":1,"topPadding":0,"leftPadding":0,"rightPadding":0,"topMargin":-10,"backgroundType":"image","kioblocks":[]} -->
<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-image uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-7eb40214-8cc9-4b4a-9a98-77ea2ebcceb4"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-1"><!-- wp:uagb/column {"block_id":"e654e23f-7ab1-4d53-b599-6ce87ff1da71","classMigrate":true,"backgroundType":"color","backgroundColor":"#000000","backgroundOpacity":30,"backgroundImageColor":"#000000","borderRadius":5,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-color uagb-block-e654e23f-7ab1-4d53-b599-6ce87ff1da71"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/text {"uniqueId":"195eec","alignment":{"md":"center"},"typography":{"openTypography":true,"size":{"unit":"px","md":"14"},"family":"Open Sans","type":"sans-serif","weight":400,"height":{"unit":"px","md":"25"}},"textColor":"#99a6b1","titleTypography":{"openTypography":1,"size":{"md":"40","unit":"px","sm":"34"},"weight":500,"family":"Poppins","type":"sans-serif","height":{"unit":"px","md":"60","sm":"50"}},"titleColor":"#FFFFFF"} -->
<div class="wp-block-qubely-text qubely-block-195eec"><div class="qubely-block-text  "><div class="qubely-block-text-title-container  qubely-separator-position-top"><div class="qubely-block-text-title-inner"><h2 class="qubely-block-text-title">the negroni</h2></div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu odio, dapibus eu vulputate eu, gravida ac diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu odio, dapibus eu vulputate eu, gravida ac diam.</p></div></div>
<!-- /wp:qubely/text -->

<!-- wp:ugb/spacer {"height":20,"uniqueClass":"ugb-ca0e275"} -->
<div class="wp-block-ugb-spacer ugb-spacer ugb-ca0e275 ugb-spacer--v2 ugb-main-block" id=""><style>.ugb-ca0e275.ugb-spacer{height:20px}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-spacer--inner"></div></div></div></div>
<!-- /wp:ugb/spacer -->

<!-- wp:kioken/icon {"icons":[{"icon":"fe_aperture","link":"","target":"_self","size":48,"width":2,"title":"","color":"#46b1fd","background":"transparent","border":"#444444","borderRadius":0,"borderWidth":2,"padding":20,"style":"default"}],"uniqueID":"_165a03-ad"} -->
<div class="wp-block-kioken-icon kt-svg-icons kt-svg-icons_165a03-ad aligncenter" style="text-align:center"><div class="kt-svg-style-default kt-svg-icon-wrap kt-svg-item-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#46b1fd" class="kt-svg-icon kt-svg-icon-fe_aperture"><svg viewbox="0 0 24 24" height="48" width="48" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="fill:none;display:inline-block;vertical-align:middle" role="img" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"></circle><line x1="14.31" y1="8" x2="20.05" y2="17.94"></line><line x1="9.69" y1="8" x2="21.17" y2="8"></line><line x1="7.38" y1="12" x2="13.12" y2="2.06"></line><line x1="9.69" y1="16" x2="3.95" y2="6.06"></line><line x1="14.31" y1="16" x2="2.83" y2="16"></line><line x1="16.62" y1="12" x2="10.88" y2="21.94"></line></svg></div></div></div>
<!-- /wp:kioken/icon -->

<!-- wp:qubely/text {"uniqueId":"30f1ad","alignment":{"md":"center"},"titleTypography":{"openTypography":1,"size":{"md":"14","unit":"px"},"family":"Open Sans","type":"sans-serif","weight":700,"height":{"unit":"px","md":"25"}},"titleColor":"#46b1fd"} -->
<div class="wp-block-qubely-text qubely-block-30f1ad"><div class="qubely-block-text  "><div class="qubely-block-text-title-container  qubely-separator-position-top"><div class="qubely-block-text-title-inner"><h2 class="qubely-block-text-title">Order At Any Time</h2></div></div><p></p></div></div>
<!-- /wp:qubely/text --></div></div>
<!-- /wp:uagb/column --></div></section>
<!-- /wp:uagb/columns -->

<!-- wp:ugb/spacer {"height":15,"uniqueClass":"ugb-0d6b083"} -->
<div class="wp-block-ugb-spacer ugb-spacer ugb-0d6b083 ugb-spacer--v2 ugb-main-block" id=""><style>.ugb-0d6b083.ugb-spacer{height:15px}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-spacer--inner"></div></div></div></div>
<!-- /wp:ugb/spacer -->

<!-- wp:ugb/spacer {"height":15,"uniqueClass":"ugb-ea1b000"} -->
<div class="wp-block-ugb-spacer ugb-spacer ugb-ea1b000 ugb-spacer--v2 ugb-main-block" id=""><style>.ugb-ea1b000.ugb-spacer{height:15px}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-spacer--inner"></div></div></div></div>
<!-- /wp:ugb/spacer --></div></div>
<!-- /wp:uagb/column -->

<!-- wp:uagb/column {"block_id":"8f3bfdeb-6666-4d46-bb1e-d13f20b60ded","classMigrate":true,"topPadding":20,"topPaddingTablet":0,"colWidthTablet":100,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-8f3bfdeb-6666-4d46-bb1e-d13f20b60ded"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/image {"uniqueId":"0bea74","layout":"blurb","image":{"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/xli-1q8des-scaled.jpg","id":11345},"imageBorderRadius":{"openBorderRadius":1,"radiusType":"custom","global":{},"unit":"px","custom":{"md":"5 5  "}},"title":"","titleTypography":{"openTypography":false,"size":{"md":38,"unit":"px"}},"enableSubTitle":false,"overlayBg":{"openColor":0,"type":"gradient","color":"rgba(6, 80, 183, 0.7)","gradient":{"color1":"rgba(6, 80, 183, 0.7)","color2":"rgba(96, 10, 255, 0.7)","direction":45,"start":0,"stop":100,"type":"linear"}},"overlayHoverBg":{"openColor":0,"type":"gradient","color":"rgba(6, 80, 183, 0.85)","gradient":{"color1":"rgba(6, 80, 183, 0.85)","color2":"rgba(96, 10, 255, 0.85)","direction":45,"start":0,"stop":100,"type":"linear"}},"contentAnimation":"zoom-in","contentPadding":{"openPadding":1,"paddingType":"global","global":{"md":"0"},"unit":"px"}} -->
<div class="wp-block-qubely-image qubely-block-0bea74"><div class="qubely-block-image  qubely-image-layout-blurb"><div class="qubely-image-media qubely-hover-animation-on qubely-hover-animation-type-zoom-in qubely-vertical-alignment-center qubely-horizontal-alignment-center"><figure><a class="qubely-image-container" href="#"><img class="qubely-image-image" src="https://staging-templates.redux.io/wp-content/uploads/2020/05/xli-1q8des-scaled.jpg" alt=""/><div class="qubely-image-content"><div class="qubely-image-content-inner"><h3 class="qubely-image-title"></h3></div></div></a></figure></div></div></div>
<!-- /wp:qubely/image -->

<!-- wp:uagb/columns {"block_id":"c92cc2f5-2c38-47ce-b8f7-d5423aa351f6","classMigrate":true,"columns":1,"topPadding":0,"leftPadding":0,"rightPadding":0,"topMargin":-10,"backgroundType":"image","kioblocks":[]} -->
<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-image uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-c92cc2f5-2c38-47ce-b8f7-d5423aa351f6"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-1"><!-- wp:uagb/column {"block_id":"c11dd8eb-fdef-4923-a081-b6e8d3593b9e","classMigrate":true,"backgroundType":"color","backgroundColor":"#000000","backgroundOpacity":30,"backgroundImageColor":"#000000","borderRadius":5,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-color uagb-block-c11dd8eb-fdef-4923-a081-b6e8d3593b9e"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/text {"uniqueId":"75d275","alignment":{"md":"center"},"typography":{"openTypography":true,"size":{"unit":"px","md":"14"},"family":"Open Sans","type":"sans-serif","weight":400,"height":{"unit":"px","md":"25"}},"textColor":"#99a6b1","titleTypography":{"openTypography":1,"size":{"md":"40","unit":"px","sm":"34"},"weight":500,"family":"Poppins","type":"sans-serif","height":{"unit":"px","md":"60","sm":"50"}},"titleColor":"#FFFFFF"} -->
<div class="wp-block-qubely-text qubely-block-75d275"><div class="qubely-block-text  "><div class="qubely-block-text-title-container  qubely-separator-position-top"><div class="qubely-block-text-title-inner"><h2 class="qubely-block-text-title">the eau de vie</h2></div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu odio, dapibus eu vulputate eu, gravida ac diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu odio, dapibus eu vulputate eu, gravida ac diam.</p></div></div>
<!-- /wp:qubely/text -->

<!-- wp:ugb/spacer {"height":20,"uniqueClass":"ugb-1523aa3"} -->
<div class="wp-block-ugb-spacer ugb-spacer ugb-1523aa3 ugb-spacer--v2 ugb-main-block" id=""><style>.ugb-1523aa3.ugb-spacer{height:20px}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-spacer--inner"></div></div></div></div>
<!-- /wp:ugb/spacer -->

<!-- wp:kioken/icon {"icons":[{"icon":"fe_aperture","link":"","target":"_self","size":48,"width":2,"title":"","color":"#46b1fd","background":"transparent","border":"#444444","borderRadius":0,"borderWidth":2,"padding":20,"style":"default"}],"uniqueID":"_aca3a0-2e"} -->
<div class="wp-block-kioken-icon kt-svg-icons kt-svg-icons_aca3a0-2e aligncenter" style="text-align:center"><div class="kt-svg-style-default kt-svg-icon-wrap kt-svg-item-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#46b1fd" class="kt-svg-icon kt-svg-icon-fe_aperture"><svg viewbox="0 0 24 24" height="48" width="48" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="fill:none;display:inline-block;vertical-align:middle" role="img" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"></circle><line x1="14.31" y1="8" x2="20.05" y2="17.94"></line><line x1="9.69" y1="8" x2="21.17" y2="8"></line><line x1="7.38" y1="12" x2="13.12" y2="2.06"></line><line x1="9.69" y1="16" x2="3.95" y2="6.06"></line><line x1="14.31" y1="16" x2="2.83" y2="16"></line><line x1="16.62" y1="12" x2="10.88" y2="21.94"></line></svg></div></div></div>
<!-- /wp:kioken/icon -->

<!-- wp:qubely/text {"uniqueId":"29087f","alignment":{"md":"center"},"titleTypography":{"openTypography":1,"size":{"md":"14","unit":"px"},"family":"Open Sans","type":"sans-serif","weight":700,"height":{"unit":"px","md":"25"}},"titleColor":"#46b1fd"} -->
<div class="wp-block-qubely-text qubely-block-29087f"><div class="qubely-block-text  "><div class="qubely-block-text-title-container  qubely-separator-position-top"><div class="qubely-block-text-title-inner"><h2 class="qubely-block-text-title">Order At Any Time</h2></div></div><p></p></div></div>
<!-- /wp:qubely/text --></div></div>
<!-- /wp:uagb/column --></div></section>
<!-- /wp:uagb/columns --></div></div>
<!-- /wp:uagb/column -->

<!-- wp:uagb/column {"block_id":"0e13f7d7-16de-48e5-b54a-a83be62e4775","classMigrate":true,"colWidthTablet":100,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-0e13f7d7-16de-48e5-b54a-a83be62e4775"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/image {"uniqueId":"b30321","layout":"blurb","image":{"url":"https://staging-templates.redux.io/wp-content/uploads/2020/05/dmkmrnptmpw-scaled.jpg","id":11347},"imageBorderRadius":{"openBorderRadius":1,"radiusType":"custom","global":{},"unit":"px","custom":{"md":"5 5  "}},"title":"","titleTypography":{"openTypography":false,"size":{"md":38,"unit":"px"}},"enableSubTitle":false,"overlayBg":{"openColor":0,"type":"gradient","color":"rgba(6, 80, 183, 0.7)","gradient":{"color1":"rgba(6, 80, 183, 0.7)","color2":"rgba(96, 10, 255, 0.7)","direction":45,"start":0,"stop":100,"type":"linear"}},"overlayHoverBg":{"openColor":0,"type":"gradient","color":"rgba(6, 80, 183, 0.85)","gradient":{"color1":"rgba(6, 80, 183, 0.85)","color2":"rgba(96, 10, 255, 0.85)","direction":45,"start":0,"stop":100,"type":"linear"}},"contentAnimation":"zoom-in","contentPadding":{"openPadding":1,"paddingType":"global","global":{"md":"0"},"unit":"px"}} -->
<div class="wp-block-qubely-image qubely-block-b30321"><div class="qubely-block-image  qubely-image-layout-blurb"><div class="qubely-image-media qubely-hover-animation-on qubely-hover-animation-type-zoom-in qubely-vertical-alignment-center qubely-horizontal-alignment-center"><figure><a class="qubely-image-container" href="#"><img class="qubely-image-image" src="https://staging-templates.redux.io/wp-content/uploads/2020/05/dmkmrnptmpw-scaled.jpg" alt=""/><div class="qubely-image-content"><div class="qubely-image-content-inner"><h3 class="qubely-image-title"></h3></div></div></a></figure></div></div></div>
<!-- /wp:qubely/image -->

<!-- wp:uagb/columns {"block_id":"25f92e0a-4bf0-4489-b9dd-6be615256be1","classMigrate":true,"columns":1,"topPadding":0,"leftPadding":0,"rightPadding":0,"topMargin":-10,"backgroundType":"image","kioblocks":[]} -->
<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-image uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-25f92e0a-4bf0-4489-b9dd-6be615256be1"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-1"><!-- wp:uagb/column {"block_id":"78a5cf15-1d95-46e2-94c8-affd49f418a8","classMigrate":true,"backgroundType":"color","backgroundColor":"#000000","backgroundOpacity":30,"backgroundImageColor":"#000000","borderRadius":5,"kioblocks":[]} -->
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-color uagb-block-78a5cf15-1d95-46e2-94c8-affd49f418a8"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap"><!-- wp:qubely/text {"uniqueId":"cef0bb","alignment":{"md":"center"},"typography":{"openTypography":true,"size":{"unit":"px","md":"14"},"family":"Open Sans","type":"sans-serif","weight":400,"height":{"unit":"px","md":"25"}},"textColor":"#99a6b1","titleTypography":{"openTypography":1,"size":{"md":"40","unit":"px","sm":"34"},"weight":500,"family":"Poppins","type":"sans-serif","height":{"unit":"px","md":"60","sm":"50"}},"titleColor":"#FFFFFF"} -->
<div class="wp-block-qubely-text qubely-block-cef0bb"><div class="qubely-block-text  "><div class="qubely-block-text-title-container  qubely-separator-position-top"><div class="qubely-block-text-title-inner"><h2 class="qubely-block-text-title">the bloody mary</h2></div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu odio, dapibus eu vulputate eu, gravida ac diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus arcu odio, dapibus eu vulputate eu, gravida ac diam.</p></div></div>
<!-- /wp:qubely/text -->

<!-- wp:ugb/spacer {"height":20,"uniqueClass":"ugb-aeaa5da"} -->
<div class="wp-block-ugb-spacer ugb-spacer ugb-aeaa5da ugb-spacer--v2 ugb-main-block" id=""><style>.ugb-aeaa5da.ugb-spacer{height:20px}</style><div class="ugb-inner-block"><div class="ugb-block-content"><div class="ugb-spacer--inner"></div></div></div></div>
<!-- /wp:ugb/spacer -->

<!-- wp:kioken/icon {"icons":[{"icon":"fe_aperture","link":"","target":"_self","size":48,"width":2,"title":"","color":"#46b1fd","background":"transparent","border":"#444444","borderRadius":0,"borderWidth":2,"padding":20,"style":"default"}],"uniqueID":"_40ba16-fd"} -->
<div class="wp-block-kioken-icon kt-svg-icons kt-svg-icons_40ba16-fd aligncenter" style="text-align:center"><div class="kt-svg-style-default kt-svg-icon-wrap kt-svg-item-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#46b1fd" class="kt-svg-icon kt-svg-icon-fe_aperture"><svg viewbox="0 0 24 24" height="48" width="48" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="fill:none;display:inline-block;vertical-align:middle" role="img" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"></circle><line x1="14.31" y1="8" x2="20.05" y2="17.94"></line><line x1="9.69" y1="8" x2="21.17" y2="8"></line><line x1="7.38" y1="12" x2="13.12" y2="2.06"></line><line x1="9.69" y1="16" x2="3.95" y2="6.06"></line><line x1="14.31" y1="16" x2="2.83" y2="16"></line><line x1="16.62" y1="12" x2="10.88" y2="21.94"></line></svg></div></div></div>
<!-- /wp:kioken/icon -->

<!-- wp:qubely/text {"uniqueId":"900e9d","alignment":{"md":"center"},"titleTypography":{"openTypography":1,"size":{"md":"14","unit":"px"},"family":"Open Sans","type":"sans-serif","weight":700,"height":{"unit":"px","md":"25"}},"titleColor":"#46b1fd"} -->
<div class="wp-block-qubely-text qubely-block-900e9d"><div class="qubely-block-text  "><div class="qubely-block-text-title-container  qubely-separator-position-top"><div class="qubely-block-text-title-inner"><h2 class="qubely-block-text-title">Order At Any Time</h2></div></div><p></p></div></div>
<!-- /wp:qubely/text --></div></div>
<!-- /wp:uagb/column --></div></section>
<!-- /wp:uagb/columns --></div></div>
<!-- /wp:uagb/column --></div></section>
<!-- /wp:uagb/columns -->

It looks fine inside the admin, but on the front-end the CSS is all wrong. If you remove the advanced columns CSS starts working again. This isn't isolated to this template. I hope you can have a fix soon so we can update. We want those new features!

P.S. There is no issue in parsing when using Qubely 1.3.91.

dovy commented 4 years ago

This is a fairly intense bug. You'll want to resolve it soon.

kawshar commented 4 years ago

Could you please try to disable other Gutenberg plugin?

dovy commented 4 years ago

I have many gutenberg templates and I have confirmed this is only a Qubely issue. If you would like me to disable the gutenberg actual plugin I can try that, though no other plugin seems affected.

dovy commented 4 years ago

And since rolling back the plugin to a previous version resolves all the concerns, I highly doubt it is the gutenberg plugin. ;)

kawshar commented 4 years ago

We want to make sure about the issue. Please try in a new installation and check if it's working or not.

Thanks

dovy commented 4 years ago

Confirmed. With the new gutenberg plugin disabled there are no issues. So you have some time to fix it. Good catch. ;)

kawshar commented 4 years ago

That was Ultimate addons for Gutenberg, right? We will check the compatibility.

Thanks

dovy commented 4 years ago

Correct. :)