Search Results for 'COLUMNS'

[Hannah]

Hannah

#257688

Hey Dave,
Have you increased the number of columns? Can you post a link?

Thanks!
Hannah

[Phvntom Inc.]

Phvntom Inc.

#257677

Hey all,

This problem has been around for some time so we’re somewhat surprised it hasn’t been mentioned. Maybe it’s only in Safari? Anyway, the DOM doesn’t change when we update an existing row to add or remove columns… it doesn’t seem to matter what content is already there. Sometimes, we can get it to update by moving the row to a different part of the page or nesting it in another row. The updated page doesn’t reflect the added columns, either – so it’s really not changing the html structure. Here’s a picture of the problem:

We use Kadence Blocks on many sites and the problem occurs regardless of themes and plugins. It’s not a huge deal because we can just add a new row and move everything. It’s more of a nuisance than anything.

I believe this issue first appeared with WordPress 5.3 (or whichever version added the block library on the left side).

Technical:
Wordpress 5.5.1
Kadence Pro Theme (or) Genesis (or) Astra
Kadence Blocks Pro
— no additional third-party blocks plugins
— not using re-usable blocks
WooCommerce

Thanks for all the awesome work you do!

[Phvntom Inc.]

Phvntom Inc.

#257677

Hey all,

This problem has been around for some time so we’re somewhat surprised it hasn’t been mentioned. Maybe it’s only in Safari? Anyway, the DOM doesn’t change when we update an existing row to add or remove columns… it doesn’t seem to matter what content is already there. Sometimes, we can get it to update by moving the row to a different part of the page or nesting it in another row. The updated page doesn’t reflect the added columns, either – so it’s really not changing the html structure. Here’s a picture of the problem:

We use Kadence Blocks on many sites and the problem occurs regardless of themes and plugins. It’s not a huge deal because we can just add a new row and move everything. It’s more of a nuisance than anything.

I believe this issue first appeared with WordPress 5.3 (or whichever version added the block library on the left side).

Technical:
Wordpress 5.5.1
Kadence Pro Theme (or) Genesis (or) Astra
Kadence Blocks Pro
— no additional third-party blocks plugins
— not using re-usable blocks
WooCommerce

Thanks for all the awesome work you do!

[Hannah]

Hannah

#257623

Hey Rick,
One option for this would be to use the fourth Footer Widget Layout from Theme Options > Footer (one long row on top of three colmuns). Then from Appearance > Widgets you can use something like the Row Layout block to create a row with 4 columns in footer column 1. Then you can add an image widget to the first column, and Pinnacle: Info Box widgets to the others. Just set the icon style to none. Let me know how this works for you!

All the best,
Hannah

[Hannah]

Hannah

#257465

Hey,
Looks like you’re splitting your columns evenly (50%). The demo column is split 63% x 37%. Try adjusting that and let me know if it aligns as you’re wanting!

Best,
Hannah

[bjorn.granberg]

bjorn.granberg

#257454

Love this plugin – but now it cause a problem all of a sudden.
Here is a screen video of the problem: *Login to see link
I tried deactivating all plugins and the theme, reinstall both Kadence block plugins but the problem persist. The ones not working are:

Advanced Header
Row Layout
Icon List
Split Content
the carousel blocks
Image overlay

All of the above produce the error when added to a page, except för Row layout, where the error occurs when you choose layout.

The rest of the blocks works as expected.

Any ideas?

Best regards
Björn

The below is the code copied from a faulty page

<!– wp:kadence/spacer {“uniqueID”:”_71318b-1f”} –>
<div class=”wp-block-kadence-spacer aligncenter kt-block-spacer-_71318b-1f”><div class=”kt-block-spacer kt-block-spacer-halign-center” style=”height:60px”><hr class=”kt-divider” style=”border-top-color:rgba(238, 238, 238, 1);border-top-width:1px;width:80%;border-top-style:solid”/></div></div>
<!– /wp:kadence/spacer –>

<!– wp:kadence/infobox {“uniqueID”:”_2137a0-54″} –>
<div id=”kt-info-box_2137a0-54″ class=”wp-block-kadence-infobox”><div class=”kt-blocks-info-box-media-container”><div class=”kt-blocks-info-box-media kt-info-media-animate-none”><div class=”kadence-info-box-icon-container kt-info-icon-animate-none”><div class=”kadence-info-box-icon-inner-container”><span style=”display:block;justify-content:center;align-items:center” class=”kt-info-svg-icon kt-info-svg-icon-fe_aperture”><svg style=”display:inline-block;vertical-align:middle” viewbox=”0 0 24 24″ height=”50″ width=”50″ fill=”none” stroke=”currentColor” xmlns=”*Login to see link stroke-width=”2″ stroke-linecap=”round” stroke-linejoin=”round”><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></span></div></div></div></div><div class=”kt-infobox-textcontent”><h2 class=”kt-blocks-info-box-title”>Rubrik</h2><p class=”kt-blocks-info-box-text”></p></div></div>
<!– /wp:kadence/infobox –>

<!– wp:kadence/advancedbtn {“uniqueID”:”_c01cf7-70″,”btns”:[{“text”:”Hello button!”,”link”:””,”target”:”_self”,”size”:””,”paddingBT”:””,”paddingLR”:””,”color”:”#ffffff”,”background”:”#741fcc”,”border”:”#555555″,”backgroundOpacity”:1,”borderOpacity”:1,”borderRadius”:6,”borderWidth”:0,”colorHover”:”#ffffff”,”backgroundHover”:”#6218af”,”borderHover”:”#444444″,”backgroundHoverOpacity”:1,”borderHoverOpacity”:1,”icon”:””,”iconSide”:”right”,”iconHover”:false,”cssClass”:””,”noFollow”:false,”gap”:5,”responsiveSize”:[“”,””],”gradient”:[“#8224e3″,1,0,100,”linear”,180,”center center”],”gradientHover”:[“#741fcc”,1,0,100,”linear”,180,”center center”],”btnStyle”:”basic”,”btnSize”:”standard”,”backgroundType”:”gradient”,”backgroundHoverType”:”gradient”,”width”:[“”,””,””],”responsivePaddingBT”:[“”,””],”responsivePaddingLR”:[“”,””],”boxShadow”:[false,”#000000″,0.2,1,1,2,0,false],”boxShadowHover”:[false,”#000000″,0.4,2,2,3,0,false]}],”typography”:”Open Sans”,”googleFont”:true,”loadGoogleFont”:false,”fontSubset”:”latin”,”fontVariant”:”regular”,”fontWeight”:”400″} –>
<div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_c01cf7-70″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>Hello button!</span></div></div>
<!– /wp:kadence/advancedbtn –>

<!– wp:kadence/tabs {“uniqueID”:”_5c5344-b7″} –>
<div class=”wp-block-kadence-tabs alignnone”><div class=”kt-tabs-wrap kt-tabs-id_5c5344-b7 kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-tabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-inherit kt-tab-alignment-left ” style=”max-width:none”><ul class=”kt-tabs-title-list”><li id=”tab-tab1″ class=”kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active”><span class=”kt-title-text”>Tab 1</span><li id=”tab-tab2″ class=”kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive”><span class=”kt-title-text”>Tab 2</span><li id=”tab-tab3″ class=”kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive”><span class=”kt-title-text”>Tab 3</span><div class=”kt-tabs-content-wrap”><!– wp:kadence/tab –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1 kt-inner-tab”><div class=”kt-tab-inner-content-inner”></div></div>
<!– /wp:kadence/tab –>

<!– wp:kadence/tab {“id”:2} –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2 kt-inner-tab”><div class=”kt-tab-inner-content-inner”></div></div>
<!– /wp:kadence/tab –>

<!– wp:kadence/tab {“id”:3} –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3 kt-inner-tab”><div class=”kt-tab-inner-content-inner”></div></div>
<!– /wp:kadence/tab –></div></div></div>
<!– /wp:kadence/tabs –>

<!– wp:kadence/iconlist {“items”:[{“icon”:”fas_check-circle”,”link”:””,”target”:”_self”,”size”:20,”width”:2,”text”:””,”color”:”#8224e3″,”background”:””,”border”:””,”borderRadius”:0,”padding”:5,”borderWidth”:1,”style”:”default”}],”listStyles”:[{“size”:[18,””,””],”sizeType”:”px”,”lineHeight”:[21,””,””],”lineType”:”px”,”letterSpacing”:””,”family”:”Open Sans”,”google”:true,”style”:”normal”,”weight”:”400″,”variant”:”regular”,”subset”:”latin”,”loadGoogle”:false,”color”:””,”textTransform”:””}],”uniqueID”:”_2acc0c-32″,”listMargin”:[-5,0,30,0]} –>
<div class=”wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_2acc0c-32 kt-svg-icon-list-columns-1 alignnone”><ul class=”kt-svg-icon-list”><li class=”kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0″><div style=”display:inline-flex;justify-content:center;align-items:center;color:#8224e3″ class=”kt-svg-icon-list-single kt-svg-icon-list-single-fas_check-circle”><svg style=”display:inline-block;vertical-align:middle” viewbox=”0 0 512 512″ height=”20″ width=”20″ fill=”currentColor” xmlns=”*Login to see link d=”M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z”></path></svg></div><span class=”kt-svg-icon-list-text”></span></div>
<!– /wp:kadence/iconlist –>

[bjorn.granberg]

bjorn.granberg

#257454

Love this plugin – but now it cause a problem all of a sudden.
Here is a screen video of the problem: *Login to see link
I tried deactivating all plugins and the theme, reinstall both Kadence block plugins but the problem persist. The ones not working are:

Advanced Header
Row Layout
Icon List
Split Content
the carousel blocks
Image overlay

All of the above produce the error when added to a page, except för Row layout, where the error occurs when you choose layout.

The rest of the blocks works as expected.

Any ideas?

Best regards
Björn

The below is the code copied from a faulty page

<!– wp:kadence/spacer {“uniqueID”:”_71318b-1f”} –>
<div class=”wp-block-kadence-spacer aligncenter kt-block-spacer-_71318b-1f”><div class=”kt-block-spacer kt-block-spacer-halign-center” style=”height:60px”><hr class=”kt-divider” style=”border-top-color:rgba(238, 238, 238, 1);border-top-width:1px;width:80%;border-top-style:solid”/></div></div>
<!– /wp:kadence/spacer –>

<!– wp:kadence/infobox {“uniqueID”:”_2137a0-54″} –>
<div id=”kt-info-box_2137a0-54″ class=”wp-block-kadence-infobox”><div class=”kt-blocks-info-box-media-container”><div class=”kt-blocks-info-box-media kt-info-media-animate-none”><div class=”kadence-info-box-icon-container kt-info-icon-animate-none”><div class=”kadence-info-box-icon-inner-container”><span style=”display:block;justify-content:center;align-items:center” class=”kt-info-svg-icon kt-info-svg-icon-fe_aperture”><svg style=”display:inline-block;vertical-align:middle” viewbox=”0 0 24 24″ height=”50″ width=”50″ fill=”none” stroke=”currentColor” xmlns=”*Login to see link stroke-width=”2″ stroke-linecap=”round” stroke-linejoin=”round”><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></span></div></div></div></div><div class=”kt-infobox-textcontent”><h2 class=”kt-blocks-info-box-title”>Rubrik</h2><p class=”kt-blocks-info-box-text”></p></div></div>
<!– /wp:kadence/infobox –>

<!– wp:kadence/advancedbtn {“uniqueID”:”_c01cf7-70″,”btns”:[{“text”:”Hello button!”,”link”:””,”target”:”_self”,”size”:””,”paddingBT”:””,”paddingLR”:””,”color”:”#ffffff”,”background”:”#741fcc”,”border”:”#555555″,”backgroundOpacity”:1,”borderOpacity”:1,”borderRadius”:6,”borderWidth”:0,”colorHover”:”#ffffff”,”backgroundHover”:”#6218af”,”borderHover”:”#444444″,”backgroundHoverOpacity”:1,”borderHoverOpacity”:1,”icon”:””,”iconSide”:”right”,”iconHover”:false,”cssClass”:””,”noFollow”:false,”gap”:5,”responsiveSize”:[“”,””],”gradient”:[“#8224e3″,1,0,100,”linear”,180,”center center”],”gradientHover”:[“#741fcc”,1,0,100,”linear”,180,”center center”],”btnStyle”:”basic”,”btnSize”:”standard”,”backgroundType”:”gradient”,”backgroundHoverType”:”gradient”,”width”:[“”,””,””],”responsivePaddingBT”:[“”,””],”responsivePaddingLR”:[“”,””],”boxShadow”:[false,”#000000″,0.2,1,1,2,0,false],”boxShadowHover”:[false,”#000000″,0.4,2,2,3,0,false]}],”typography”:”Open Sans”,”googleFont”:true,”loadGoogleFont”:false,”fontSubset”:”latin”,”fontVariant”:”regular”,”fontWeight”:”400″} –>
<div class=”wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_c01cf7-70″><div class=”kt-btn-wrap kt-btn-wrap-0″><span class=”kt-btn-inner-text”>Hello button!</span></div></div>
<!– /wp:kadence/advancedbtn –>

<!– wp:kadence/tabs {“uniqueID”:”_5c5344-b7″} –>
<div class=”wp-block-kadence-tabs alignnone”><div class=”kt-tabs-wrap kt-tabs-id_5c5344-b7 kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-tabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-inherit kt-tab-alignment-left ” style=”max-width:none”><ul class=”kt-tabs-title-list”><li id=”tab-tab1″ class=”kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active”><span class=”kt-title-text”>Tab 1</span><li id=”tab-tab2″ class=”kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive”><span class=”kt-title-text”>Tab 2</span><li id=”tab-tab3″ class=”kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive”><span class=”kt-title-text”>Tab 3</span><div class=”kt-tabs-content-wrap”><!– wp:kadence/tab –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1 kt-inner-tab”><div class=”kt-tab-inner-content-inner”></div></div>
<!– /wp:kadence/tab –>

<!– wp:kadence/tab {“id”:2} –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2 kt-inner-tab”><div class=”kt-tab-inner-content-inner”></div></div>
<!– /wp:kadence/tab –>

<!– wp:kadence/tab {“id”:3} –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3 kt-inner-tab”><div class=”kt-tab-inner-content-inner”></div></div>
<!– /wp:kadence/tab –></div></div></div>
<!– /wp:kadence/tabs –>

<!– wp:kadence/iconlist {“items”:[{“icon”:”fas_check-circle”,”link”:””,”target”:”_self”,”size”:20,”width”:2,”text”:””,”color”:”#8224e3″,”background”:””,”border”:””,”borderRadius”:0,”padding”:5,”borderWidth”:1,”style”:”default”}],”listStyles”:[{“size”:[18,””,””],”sizeType”:”px”,”lineHeight”:[21,””,””],”lineType”:”px”,”letterSpacing”:””,”family”:”Open Sans”,”google”:true,”style”:”normal”,”weight”:”400″,”variant”:”regular”,”subset”:”latin”,”loadGoogle”:false,”color”:””,”textTransform”:””}],”uniqueID”:”_2acc0c-32″,”listMargin”:[-5,0,30,0]} –>
<div class=”wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_2acc0c-32 kt-svg-icon-list-columns-1 alignnone”><ul class=”kt-svg-icon-list”><li class=”kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0″><div style=”display:inline-flex;justify-content:center;align-items:center;color:#8224e3″ class=”kt-svg-icon-list-single kt-svg-icon-list-single-fas_check-circle”><svg style=”display:inline-block;vertical-align:middle” viewbox=”0 0 512 512″ height=”20″ width=”20″ fill=”currentColor” xmlns=”*Login to see link d=”M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z”></path></svg></div><span class=”kt-svg-icon-list-text”></span></div>
<!– /wp:kadence/iconlist –>

[Darren Boal]

Darren Boal

#257398

As per my attached image, is there a way to keep the bottom of both columns even/level even if I continue to add content to text column on the left. Meaning the more content I add to the left column the lower/bigger that column gets, but also the bottom of the column on the right remains level, size wise, with the column on the left.

Hope that makes sense?.

• This topic was modified 5 years, 6 months ago by Darren Boal.

[Darren Boal]

Darren Boal

#257398

As per my attached image, is there a way to keep the bottom of both columns even/level even if I continue to add content to text column on the left. Meaning the more content I add to the left column the lower/bigger that column gets, but also the bottom of the column on the right remains level, size wise, with the column on the left.

Hope that makes sense?.

• This topic was modified 5 years, 6 months ago by Darren Boal.

[Hannah]

Hannah

#257388

Hi Paul,
I suggest adding your gallery blocks to individual columns within a Row Layot block. That will allow you to set a custom gutter. Will this work for you?

Hannah

[Nigel]

Nigel

#257102

Hi Folks,

I tried deactivating various plug-ins (in groups of 4 at a time) and it did not appear to make a difference.
Deactivate Plug-ins
Add New Page
Add Advanced Gallery
Select a picture from gallery
Insert Gallery
Caption Settings – Show Captions – ON

Here is some more information from the Editor Crash page:
Theme: Virtue Premium v4.9.30

ERROR
a@http://nstreet.synology.me/wordpress/wp-content/plugins/kadence-blocks/dist/blocks.build.js?ver=1.8.14:1:348593
je@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:78:476
ph@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:215:173
lh@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:126:411
O@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:121:71
ze@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:118:14
mg/<@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:53:49
unstable_runWithPriority@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react.min.js?ver=16.9.0:26:340
Ma@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:52:280
mg@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:52:498
V@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:52:431
Be@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:119:77
xi@http://nstreet.synology.me/wordpress/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.9.0:39:175

POST
<!-- wp:kadence/advancedgallery {"uniqueID":"_3385b9-fb","ids":[10398],"showCaption":true} -->
<div class="wp-block-kadence-advancedgallery kb-gallery-wrap-id-_3385b9-fb"><ul class="kb-gallery-ul kb-gallery-type-masonry kb-masonry-init kb-gallery-id-_3385b9-fb kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-item-selector=".kadence-blocks-gallery-item" data-image-filter="none" data-lightbox-caption="true" data-columns-xxl="3" data-columns-xl="3" data-columns-lg="3" data-columns-md="2" data-columns-sm="1" data-columns-xs="1"><li class="kadence-blocks-gallery-item"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure"><div class="kb-gal-image-radius" style="max-width:1024px"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic" style="padding-bottom:75%"><img src="http://nstreet.synology.me/wordpress/wp-content/uploads/2020/08/IMG_2864-1024x768.jpg" width="1024" height="768" /></div></div></figure></div></li></ul></div>
<!-- /wp:kadence/advancedgallery -->

If you don’t spot anything then perhaps we go with a variant of Ben’s offer and I can setup a WebEx – I’m not comfortable giving unmonitored access.

Thanks, Nigel

• This reply was modified 5 years, 6 months ago by Ben Ritner. Reason: Clean up code

[Hannah]

Hannah

#257088

Hey Joie,
Try adding this to your custom css:

@media (max-width: 992px) {
.site-footer-top-section-1.site-footer-section.footer-section-inner-items-1 {
    width: 50%;
}
.site-footer-row.site-footer-row-columns-3 {
    grid-template-columns: 2fr 3fr !important;
}
.site-middle-footer-inner-wrap.site-footer-row.site-footer-row-columns-3.site-footer-row-column-layout-equal.site-footer-row-tablet-column-layout-default.site-footer-row-mobile-column-layout-row.ft-ro-dir-row.ft-ro-collapse-normal.ft-ro-t-dir-default.ft-ro-m-dir-column.ft-ro-lstyle-plain {
    width: 50%;
    float: left;
}
}

Is that kinda what you’re envisioning?

Hannah

[Nigel]

Nigel

#256989

Hi Folks,

The other day I installed the latest version of KB, v1.8.14, and then I went to work on my soon to be awesome Banff National Park hiking trail page and it now crashes the editor! 🙁

* Add Advanced Gallery
* Under the Gallery Settings: Masonry (default)
* Columns 3 (Default)
* Gutter 10 (Default)
* Thumbnail Size Large (default)
* Link To: Media File
* Link Image Size: Large
* Link Triggers? Lightbox
* Show Caption in Lightbox – ON
* Caption Settings
* Show Captions – ON

As soon as I try to turn on the “Show Captions” I get the error message: “The editor has encountered an unexpected error”.

I did not have this issue before upgrading to 1.8.14 so I am guessing something got broke.
Maybe COVID has found a way to infect code now? 🙁

Cheers, Nigel

• This topic was modified 5 years, 7 months ago by Nigel.

[Nigel]

Nigel

#256989

Hi Folks,

The other day I installed the latest version of KB, v1.8.14, and then I went to work on my soon to be awesome Banff National Park hiking trail page and it now crashes the editor! 🙁

* Add Advanced Gallery
* Under the Gallery Settings: Masonry (default)
* Columns 3 (Default)
* Gutter 10 (Default)
* Thumbnail Size Large (default)
* Link To: Media File
* Link Image Size: Large
* Link Triggers? Lightbox
* Show Caption in Lightbox – ON
* Caption Settings
* Show Captions – ON

As soon as I try to turn on the “Show Captions” I get the error message: “The editor has encountered an unexpected error”.

I did not have this issue before upgrading to 1.8.14 so I am guessing something got broke.
Maybe COVID has found a way to infect code now? 🙁

Cheers, Nigel

• This topic was modified 5 years, 7 months ago by Nigel.

[Hannah]

Hannah

#256970

Apologies for the delay! My weekend was great, thanks for asking:)

For your product columns, I would recommend either using fewer columns or expanding the width of the column the products are in. Have you tried this?

For the sidebar, have you tried adding a Filter Products by Attribute widget? Then also a Product Tag Cloud widget?

The quick view feature is coming soon!!

Best,
Hannah

[Georgina]

Georgina

#256873

Hi guys,

Having trouble making the product gallery thumbnails under the single product page, 3 columns instead of the current 4.

*Login to see link

Thank you

[Georgina]

Georgina

#256873

Hi guys,

Having trouble making the product gallery thumbnails under the single product page, 3 columns instead of the current 4.

*Login to see link

Thank you

[Sharon]

Sharon

#256782

Fixed that too with using columns. So sorry to bother you!

[Ben Ritner]

Ben Ritner

#256605

Thanks for the report on the columns shortcode generator. I’m reworking that for the next update.

You can add a custom menu item to your navigation using the custom link option. For the link url just add # and then label it “products” that will make it work like you want and not be clickable.

I hope that helps,

Ben

[James Maddox]

James Maddox

#256573

This reply has been marked as private.

[James Maddox]

James Maddox

#256548

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#256544

Hey,
If you just want columns you can use the menu in your admin to add items and they can be broken into columns, you don’t have to hook in an element unless you want to.

Can you post a link to your site so I can see the output?

Ben

[David McCan]

David McCan

#256517

I was working with the Stackable Advanced Columns and Grid Block. I have Stackable Pro and Kadence free theme installed, no other Gutenberg addons. I toggled on the Style Block Title option and the custom color picker did not change the text. I looked at the Chrome dev tools and saw a JavaScript error. See screenshot. I switched to the Twenty Nineteen theme and the custom color picker worked fine, so I’m reporting it here instead of to Stackable.

Thanks,

David

[David McCan]

David McCan

#256517

I was working with the Stackable Advanced Columns and Grid Block. I have Stackable Pro and Kadence free theme installed, no other Gutenberg addons. I toggled on the Style Block Title option and the custom color picker did not change the text. I looked at the Chrome dev tools and saw a JavaScript error. See screenshot. I switched to the Twenty Nineteen theme and the custom color picker worked fine, so I’m reporting it here instead of to Stackable.

Thanks,

David

[Ben Ritner]

Ben Ritner

#256453

If I put every video in a new row in Page Builder, and add columns to right and left, this seems like a lot of work given that I have videos on almost every page of the website. Are there any other options?

There are but you will have to add something, code is another option.

If you edit the text widget you are adding the videos in, then in the right side click on attributes and in the CSS Declarations section add:

max-width: 600px;
margin-left:auto;
margin-right:auto;

Ben

[Matthew Bittlestone]

Matthew Bittlestone

#256440

Hi Hannah,

1. See attached pics – it’s the Site Origin shortcodes. When clicking “Add shortcode” it simply adds the start and end column tags. It doesn’t add 2 columns and placeholder text like it used to. The result is that no columns are atually created.
2. I have the Siteground optimiser plugin installed but not active. This has a caching option I believe.
3. I don’t have a shop page. Sorry I wasn’t very clear on this. See the picture of my existing menu. What I would like to do is move the “features” page into the sub-menu, and change the text in the main menu to something like “Product”. I don’t want to have to create an actual page called “Product”. I simply want it to exist as a logical navigation label to group actual pages under. Is this currently possible, and if not can it be developed?

Thanks,
Matt