Search Results for 'COLUMNS'

[teejayhidalgo]

teejayhidalgo

#273268

Hello Jilly,

Thanks for getting in touch. Are you referring to the Column/Section inside a Row Layout block? If so, perhaps this is the gap setting for the columns. You can try removing this in the Row Layout block settings > Column Gutter, select No Gutter.

​Here’s a screen recording for reference: https://share.getcloudapp.com/jkuX71Q0

I hope that helps answer your questions. If I misunderstood what you’re trying to do, please let us know, and we’ll be more than happy to continue helping.

Best regards,
Teejay.

[jillaineuk]

jillaineuk

#273254

I have several column blocks on my pages with different colour backgrounds. There is a gap which shows the overall site background colour between the bottom of each column block and the top of the next column block. How do I make the gap disappear so my column blocks sit one on top of the other with no gaps?

[jillaineuk]

jillaineuk

#273254

I have several column blocks on my pages with different colour backgrounds. There is a gap which shows the overall site background colour between the bottom of each column block and the top of the next column block. How do I make the gap disappear so my column blocks sit one on top of the other with no gaps?

[peter-4660]

peter-4660

#273252

Hi folks

Can you advise me how to achieve the same (or similar) effect like on the attached video?
Basically, there are two columns, but you just scroll ONLY THE RIGHT column until you reach the end of the right column conent, then you scroll the whole page.
I use Kadence Blocks Pro.

Regards
Peter

• This topic was modified 3 years, 10 months ago by peter-4660.

[peter-4660]

peter-4660

#273252

Hi folks

Can you advise me how to achieve the same (or similar) effect like on the attached video?
Basically, there are two columns, but you just scroll ONLY THE RIGHT column until you reach the end of the right column conent, then you scroll the whole page.
I use Kadence Blocks Pro.

Regards
Peter

• This topic was modified 3 years, 10 months ago by peter-4660.

[Ben]

Ben

#273249

Hi Kadence Team,
following are some bugs I found in the store kit 2.0 beta and some features I would like to see.
English is not my native language, but I try to express myself clearly.
(PS: I missing colors and a preview in the forum editor 😉 )

Bugs has a (!)
Features that are strongly needed from my point of view has a (#)
Features I would like to see has a (*)

single product template

(!)Before and after short description hook dosn’t work

(!)Top and Bottom spacing if boxed layout:
When the product layout is set to boxed in the kadence theme, the product page has a white space at the top and bottom. This changes only if you set it to “without box”. The setting “content padding vertical” does not change anything.

(*)style only boxed content:
regarding the previous bug, i would wish that (if you want) you only have to redesign the content of the product page (inside the conntent box). So that the above header, the box itself etc. are taken over by the theme.

(#)[shop_messages] block is missing:
After a short time i noticed that no woocommerce messages are displayed on newly created product pages. Therefore the shortcode [shop_messages] must be implemented. For the common user it would be good to have a shop kit block for this, so that no one does forget this.

(!)gallery arrows always visible:
the arrows of the gallery are always visible, even if they are turned off and even if there is only one image in the gallery.

(!)Gallery arrow shadow:
the arrow button has a shadow on hover, inherited from the button class

(!)gallery cls:
in google lighthouse the gallery has a big Cumulative Layout Shift problem
Check: *Login to see link

(!)dont load lightbox if gallery isnt present:
magnific-popup-min.js and jquery.elevateZoom.min.js will be loaded even if there is no gallery on the page (e.g. if instead of the gallery, only a single product image is displayed with the „Product: Image“ block)

(*)option to disable the lightbox:
so that the gallery images never can displayed enlarged

(#)center thumbnails and set spacing:
For example, if the gallery is set to 4 images, but the product has only two, the thumbnails will be aligned to the left or top. It would be nice if you can set the alignment.

(#)unload default woocommerce gallery js and css:
the standard woocommerce gallery files are still loaded. I have added the following to my child theme:
remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );

would be nice, if this was implemented in shop kit

(*)option to set upsell columns:
(per device)

product catalog loop item

(#)Add more placement options:
I miss placement options for pages, products, cart, side cart (→ for cross sells)
Important if the page has a different background or width than the archive pages. e.g. the upsell area on the product page or the crosssell area in the side cart
(!)product title font style:
will be overwritten by theme

variation swatches

(*)Option to set border color and border width

checkout editor

(*)Option to style extra fields in emails:
or give them their own class

Woo Templates Dashboard

(!)User settings Visible To:
if a template is set to visible to admin, the dashboard only shows „Visible to:“
the word administrator is is missing

[Ben]

Ben

#273249

Hi Kadence Team,
following are some bugs I found in the store kit 2.0 beta and some features I would like to see.
English is not my native language, but I try to express myself clearly.
(PS: I missing colors and a preview in the forum editor 😉 )

Bugs has a (!)
Features that are strongly needed from my point of view has a (#)
Features I would like to see has a (*)

single product template

(!)Before and after short description hook dosn’t work

(!)Top and Bottom spacing if boxed layout:
When the product layout is set to boxed in the kadence theme, the product page has a white space at the top and bottom. This changes only if you set it to “without box”. The setting “content padding vertical” does not change anything.

(*)style only boxed content:
regarding the previous bug, i would wish that (if you want) you only have to redesign the content of the product page (inside the conntent box). So that the above header, the box itself etc. are taken over by the theme.

(#)[shop_messages] block is missing:
After a short time i noticed that no woocommerce messages are displayed on newly created product pages. Therefore the shortcode [shop_messages] must be implemented. For the common user it would be good to have a shop kit block for this, so that no one does forget this.

(!)gallery arrows always visible:
the arrows of the gallery are always visible, even if they are turned off and even if there is only one image in the gallery.

(!)Gallery arrow shadow:
the arrow button has a shadow on hover, inherited from the button class

(!)gallery cls:
in google lighthouse the gallery has a big Cumulative Layout Shift problem
Check: *Login to see link

(!)dont load lightbox if gallery isnt present:
magnific-popup-min.js and jquery.elevateZoom.min.js will be loaded even if there is no gallery on the page (e.g. if instead of the gallery, only a single product image is displayed with the „Product: Image“ block)

(*)option to disable the lightbox:
so that the gallery images never can displayed enlarged

(#)center thumbnails and set spacing:
For example, if the gallery is set to 4 images, but the product has only two, the thumbnails will be aligned to the left or top. It would be nice if you can set the alignment.

(#)unload default woocommerce gallery js and css:
the standard woocommerce gallery files are still loaded. I have added the following to my child theme:
remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );

would be nice, if this was implemented in shop kit

(*)option to set upsell columns:
(per device)

product catalog loop item

(#)Add more placement options:
I miss placement options for pages, products, cart, side cart (→ for cross sells)
Important if the page has a different background or width than the archive pages. e.g. the upsell area on the product page or the crosssell area in the side cart
(!)product title font style:
will be overwritten by theme

variation swatches

(*)Option to set border color and border width

checkout editor

(*)Option to style extra fields in emails:
or give them their own class

Woo Templates Dashboard

(!)User settings Visible To:
if a template is set to visible to admin, the dashboard only shows „Visible to:“
the word administrator is is missing

[Karla]

Karla

#273238

Hi, Steve!

Thank you for reaching out to us.

Upon inspecting the page, I saw that you’re using the Columns block of WordPress Gutenberg. If you want more style options, including border radius for columns, you can use the Row Layout block of the Kadence Blocks plugin.

Here’s a screen recording for your reference – https://share.getcloudapp.com/9ZuoenQr.

I hope this helps and let us know if we can assist you further.

Best Regards,
Karla

[Steve Holstein]

Steve Holstein

#273232

I’d like to round the corners on my columns at *Login to see link

… similar to how one would round a button.

[Steve Holstein]

Steve Holstein

#273232

I’d like to round the corners on my columns at *Login to see link

… similar to how one would round a button.

[Christine Anwander]

Christine Anwander

#273212

Hello,

in my icon list the icon´s have different sizes, but the size in the adjustments are the same. I dont´know why the sizes are different.

Regards
Christine

Here is the code and an image.

<!-- wp:kadence/iconlist {"items":[{"icon":"fas_angle-double-right","link":"","target":"_self","size":27,"text":"Benefit 1: Sie erfahren, welche Zielsetzungen Ihr betriebliches Gesundheitsmanagement wertvoll machen.","width":2,"color":"#5e8ca5","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default","level":0},{"icon":"fas_angle-double-right","link":"","target":"_self","size":27,"text":"Benefit 2: Mit der 6 Schritte-Strategie zeige ich Ihnen wo Sie mit Ihrem Gesundheitsmanagement stehen.","width":2,"color":"#5e8ca5","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default","level":0},{"icon":"fas_angle-double-right","link":"","target":"_self","size":27,"text":"Benefit 3: Sie bekommen als Gesundheitsverantwortlicher Ihres Unternehmens Motivation und Anreize für ein stressfreies Gesundheitsmanagement.","width":2,"color":"#5e8ca5","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default","level":0}],"listStyles":[{"size":["","",""],"sizeType":"px","lineHeight":["","",""],"lineType":"px","letterSpacing":"","family":"","google":false,"style":"","weight":"","variant":"","subset":"","loadGoogle":true,"color":"#83857f","textTransform":""}],"listCount":3,"listGap":15,"uniqueID":"_fb0d39-1f","iconAlign":"top"} -->
<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_fb0d39-1f kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><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 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#5e8ca5" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-double-right"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 448 512" height="27" width="27" fill="currentColor" xmlns="*Login to see link aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg></div><span class="kt-svg-icon-list-text">Benefit 1: Sie erfahren, welche Zielsetzungen Ihr betriebliches Gesundheitsmanagement wertvoll machen.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#5e8ca5" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-double-right"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 448 512" height="27" width="27" fill="currentColor" xmlns="*Login to see link aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg></div><span class="kt-svg-icon-list-text">Benefit 2: Mit der 6 Schritte-Strategie zeige ich Ihnen wo Sie mit Ihrem Gesundheitsmanagement stehen.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#5e8ca5" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-double-right"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 448 512" height="27" width="27" fill="currentColor" xmlns="*Login to see link aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg></div><span class="kt-svg-icon-list-text">Benefit 3: Sie bekommen als Gesundheitsverantwortlicher Ihres Unternehmens Motivation und Anreize für ein stressfreies Gesundheitsmanagement.</span></li></ul></div>
<!-- /wp:kadence/iconlist -->

<!-- wp:kadence/advancedbtn {"hAlign":"left","uniqueID":"_64fa44-f9","btns":[{"text":"Ja, das will ich","link":"#hiereintragen","target":"_self","size":"","paddingBT":"","paddingLR":"","color":"#ffffff","background":"#5e8ca5","border":"#5e8ca5","backgroundOpacity":1,"borderOpacity":1,"borderRadius":"","borderWidth":"","colorHover":"#ffffff","backgroundHover":"#83857f","borderHover":"#83857f","backgroundHoverOpacity":1,"borderHoverOpacity":1,"icon":"","iconSide":"right","iconHover":false,"cssClass":"","noFollow":false,"gap":5,"responsiveSize":["",""],"gradient":["#999999",1,0,100,"linear",180,"center center"],"gradientHover":["#777777",1,0,100,"linear",180,"center center"],"btnStyle":"basic","btnSize":"standard","backgroundType":"solid","backgroundHoverType":"solid","width":["","",""],"responsivePaddingBT":["",""],"responsivePaddingLR":["",""],"boxShadow":[false,"#000000",0.2,1,1,2,0,false],"boxShadowHover":[false,"#000000",0.4,2,2,3,0,false],"sponsored":false,"download":false,"tabletGap":"","mobileGap":"","inheritStyles":"","iconSize":["","",""],"iconPadding":["","","",""],"iconTabletPadding":["","","",""],"iconMobilePadding":["","","",""],"onlyIcon":[false,"",""],"iconColor":"","iconColorHover":"","sizeType":"px","iconSizeType":"px","label":"","marginUnit":"px","margin":[20,"","",""],"tabletMargin":["","","",""],"mobileMargin":["","","",""],"anchor":"","borderStyle":""}]} -->
<div class="wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_64fa44-f9"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false" href="#hiereintragen"><span class="kt-btn-inner-text">Ja, das will ich</span></a></div></div>
<!-- /wp:kadence/advancedbtn -->

[Christine Anwander]

Christine Anwander

#273212

Hello,

in my icon list the icon´s have different sizes, but the size in the adjustments are the same. I dont´know why the sizes are different.

Regards
Christine

Here is the code and an image.

<!-- wp:kadence/iconlist {"items":[{"icon":"fas_angle-double-right","link":"","target":"_self","size":27,"text":"Benefit 1: Sie erfahren, welche Zielsetzungen Ihr betriebliches Gesundheitsmanagement wertvoll machen.","width":2,"color":"#5e8ca5","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default","level":0},{"icon":"fas_angle-double-right","link":"","target":"_self","size":27,"text":"Benefit 2: Mit der 6 Schritte-Strategie zeige ich Ihnen wo Sie mit Ihrem Gesundheitsmanagement stehen.","width":2,"color":"#5e8ca5","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default","level":0},{"icon":"fas_angle-double-right","link":"","target":"_self","size":27,"text":"Benefit 3: Sie bekommen als Gesundheitsverantwortlicher Ihres Unternehmens Motivation und Anreize für ein stressfreies Gesundheitsmanagement.","width":2,"color":"#5e8ca5","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default","level":0}],"listStyles":[{"size":["","",""],"sizeType":"px","lineHeight":["","",""],"lineType":"px","letterSpacing":"","family":"","google":false,"style":"","weight":"","variant":"","subset":"","loadGoogle":true,"color":"#83857f","textTransform":""}],"listCount":3,"listGap":15,"uniqueID":"_fb0d39-1f","iconAlign":"top"} -->
<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_fb0d39-1f kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><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 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#5e8ca5" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-double-right"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 448 512" height="27" width="27" fill="currentColor" xmlns="*Login to see link aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg></div><span class="kt-svg-icon-list-text">Benefit 1: Sie erfahren, welche Zielsetzungen Ihr betriebliches Gesundheitsmanagement wertvoll machen.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#5e8ca5" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-double-right"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 448 512" height="27" width="27" fill="currentColor" xmlns="*Login to see link aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg></div><span class="kt-svg-icon-list-text">Benefit 2: Mit der 6 Schritte-Strategie zeige ich Ihnen wo Sie mit Ihrem Gesundheitsmanagement stehen.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:#5e8ca5" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-double-right"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 448 512" height="27" width="27" fill="currentColor" xmlns="*Login to see link aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg></div><span class="kt-svg-icon-list-text">Benefit 3: Sie bekommen als Gesundheitsverantwortlicher Ihres Unternehmens Motivation und Anreize für ein stressfreies Gesundheitsmanagement.</span></li></ul></div>
<!-- /wp:kadence/iconlist -->

<!-- wp:kadence/advancedbtn {"hAlign":"left","uniqueID":"_64fa44-f9","btns":[{"text":"Ja, das will ich","link":"#hiereintragen","target":"_self","size":"","paddingBT":"","paddingLR":"","color":"#ffffff","background":"#5e8ca5","border":"#5e8ca5","backgroundOpacity":1,"borderOpacity":1,"borderRadius":"","borderWidth":"","colorHover":"#ffffff","backgroundHover":"#83857f","borderHover":"#83857f","backgroundHoverOpacity":1,"borderHoverOpacity":1,"icon":"","iconSide":"right","iconHover":false,"cssClass":"","noFollow":false,"gap":5,"responsiveSize":["",""],"gradient":["#999999",1,0,100,"linear",180,"center center"],"gradientHover":["#777777",1,0,100,"linear",180,"center center"],"btnStyle":"basic","btnSize":"standard","backgroundType":"solid","backgroundHoverType":"solid","width":["","",""],"responsivePaddingBT":["",""],"responsivePaddingLR":["",""],"boxShadow":[false,"#000000",0.2,1,1,2,0,false],"boxShadowHover":[false,"#000000",0.4,2,2,3,0,false],"sponsored":false,"download":false,"tabletGap":"","mobileGap":"","inheritStyles":"","iconSize":["","",""],"iconPadding":["","","",""],"iconTabletPadding":["","","",""],"iconMobilePadding":["","","",""],"onlyIcon":[false,"",""],"iconColor":"","iconColorHover":"","sizeType":"px","iconSizeType":"px","label":"","marginUnit":"px","margin":[20,"","",""],"tabletMargin":["","","",""],"mobileMargin":["","","",""],"anchor":"","borderStyle":""}]} -->
<div class="wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_64fa44-f9"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false" href="#hiereintragen"><span class="kt-btn-inner-text">Ja, das will ich</span></a></div></div>
<!-- /wp:kadence/advancedbtn -->

[Omahoung]

Omahoung

#273100

Hi,
I have something strange happening at the end of each news for the related posts section. I have set up this to be a 3 columns layout. On desktop this section exceed the container, and exceed also the screen width. You can see this here (at the bottom of the page):
*Login to see link
Could you please have a look?
Thanks.

[Omahoung]

Omahoung

#273100

Hi,
I have something strange happening at the end of each news for the related posts section. I have set up this to be a 3 columns layout. On desktop this section exceed the container, and exceed also the screen width. You can see this here (at the bottom of the page):
*Login to see link
Could you please have a look?
Thanks.

[Karla]

Karla

#273086

Hi there!

As previously mentioned by Hannah, if you’re using a simple mobile header, the topbar will not show on mobile views. To enable the topbar, kindly turn the Use simple mobile header? option in Theme Options > Mobile Header off – https://share.getcloudapp.com/kpuJ0G4w.

“…i want some centered text. and if its posible dynamic text changing that woud be awesome. i tried turning on top bar but when writing widget i cant center it appears on the right side (on desktop)…”

The topbar will consist of two columns, left and right which is the reason why the text you added to the widget area is not in the center on desktop views. If you are not planning to enable something else on the top bar, just the text, you can add this custom CSS code:

@media (min-width: 768px) {
    .kad-topbar-right {
        width: 100%;
    }
}

Here’s a screen recording of how I did it on my website – https://share.getcloudapp.com/d5u9Zdnq.

I hope this helps and let us know if we can assist you further.

Kind Regards,
Karla

[Jabran]

Jabran

#273017

This reply has been marked as private.

[Omahoung]

Omahoung

#272176

Hello,

I am using a background image with parallax inside a Kadence blocks row. The parallax effect is too strong to me (means that on scroll the difference of speed between the foreground and the background is too high). Is there a way to control this by custom code?

I have a problem with this picture on tablet. I have 2 columns with the picture (background parallax picture) on the left column and text on the right column. I have these 2 columns for both desktop and tablet (on mobile it becomes 1 column). On desktop it is working fine, the picture covers correctly the 100% width of the column. On tablet there is an issue, the picture cover 100% of the screen (not the left column which is still 50% of the screen). I solved the problem with this code:
.omahoung-home-header .wp-block-kadence-rowlayout [id*="jarallax-container-"] > div {width: 50% !important;}

You can check this on the header of this page (the picture is the butterfly picture):
*Login to see link

To see the issue you have to open the developer tool and deactivate the “width: 50% !important;”. This looks like a Kadence blocks bug. Is it possible to fix this in a future version?

Thanks.

• This topic was modified 3 years, 11 months ago by Omahoung.

[Omahoung]

Omahoung

#272176

Hello,

I am using a background image with parallax inside a Kadence blocks row. The parallax effect is too strong to me (means that on scroll the difference of speed between the foreground and the background is too high). Is there a way to control this by custom code?

I have a problem with this picture on tablet. I have 2 columns with the picture (background parallax picture) on the left column and text on the right column. I have these 2 columns for both desktop and tablet (on mobile it becomes 1 column). On desktop it is working fine, the picture covers correctly the 100% width of the column. On tablet there is an issue, the picture cover 100% of the screen (not the left column which is still 50% of the screen). I solved the problem with this code:
.omahoung-home-header .wp-block-kadence-rowlayout [id*="jarallax-container-"] > div {width: 50% !important;}

You can check this on the header of this page (the picture is the butterfly picture):
*Login to see link

To see the issue you have to open the developer tool and deactivate the “width: 50% !important;”. This looks like a Kadence blocks bug. Is it possible to fix this in a future version?

Thanks.

• This topic was modified 3 years, 11 months ago by Omahoung.

[Jason]

Jason

#272153

Hi Hannah,

I currently have the plugin activated because I can’t seem to replicate the same 4 columns with my custom margins/padding without the plugin and prefer the current look. The margins/padding of the carousel block is picking up from the coding I did for the shop page.

I could remove my custom CSS coding but the gaps in between each product would be much wider. The carousel works well though if I deactivate the plugin.

Best,
Jason

• This reply was modified 3 years, 12 months ago by Jason.
• This reply was modified 3 years, 12 months ago by Jason.

[Hannah]

Hannah

#272149

Hi Jason,
Glad you were able to determine where the conflict was happening. I’m seeing your carousel in 4 columns as your first screenshot shows. Did you add CSS or is this working now?

Kindly,
Hannah

[Andrea]

Andrea

#272035

Using the Kadence Virtue theme, I created a 3×2 staff grid with 5 profiles. However, I am unable to format the columns to my liking as the grid is currently floating.

Currently, the grid has 1 profile in the first column, 2 profiles in the second column, and 2 profiles in the third column. If possible, I want to change the grid so that there are 2 staff profiles in the first column, 1 profile in the second column, and 2 profiles in the third column so the grid looks more appealing and balanced.

Any guidance and support to fix this issue will be greatly appreciated.

• This topic was modified 4 years ago by Andrea.

[Andrea]

Andrea

#272035

Using the Kadence Virtue theme, I created a 3×2 staff grid with 5 profiles. However, I am unable to format the columns to my liking as the grid is currently floating.

Currently, the grid has 1 profile in the first column, 2 profiles in the second column, and 2 profiles in the third column. If possible, I want to change the grid so that there are 2 staff profiles in the first column, 1 profile in the second column, and 2 profiles in the third column so the grid looks more appealing and balanced.

Any guidance and support to fix this issue will be greatly appreciated.

• This topic was modified 4 years ago by Andrea.

[DanL]

DanL

#271920

Hannah,

Thanks for looking into this for me. Unfortunately, you apparently tested the one property of the row settings that actually works…changing the number of columns at the top.

HOWEVER, while number of columns, adding/removing widgets, and general content changes do work fine, what does NOT work are any changes made to the Row Styles (on the right) such as Layout. For example, if I change the value of the Bottom Margin, Row Layout (Standard, Full Width, etc.), Cell Vertical Alignment, and/or others in that area, the changes are lost as soon as I click the Done button to close the row editor. (If you click right back into the row settings, the changes are gone. It’s not being lost upon a Save of the whole page, rather as soon as you leave the row editor.)

FYI: I usually use FireFox, but I also tested this in Chrome just a few minutes ago and the behavior is exactly the same.

Please check again (based on the new, detailed info provided in this reply) and let me know!

Appreciatively,
-Dan L.

[Stefan Lindblad]

Stefan Lindblad

#271308

Hi,

Is there a function for next and previous page in KAdence theme?

It doesnt seem to be a standard WordPress function to activate a Page back and forth function, next and previous.
It seams the best bet is a button (or simple text link) and it manually with a Block function.

I have for instance a page with Kadence Advance Gallery with multiple rows and columns with images. No lightbox effect on those. Instead a link from each image in the gallery.

By clicking one is redirected to a new page with that same image. And also a textblock with text.

A Whish (the question) would be if there was a standard previous and next page – a Go back and Forth function on that page.

Ideas?

[Stefan Lindblad]

Stefan Lindblad

#271308

Hi,

Is there a function for next and previous page in KAdence theme?

It doesnt seem to be a standard WordPress function to activate a Page back and forth function, next and previous.
It seams the best bet is a button (or simple text link) and it manually with a Block function.

I have for instance a page with Kadence Advance Gallery with multiple rows and columns with images. No lightbox effect on those. Instead a link from each image in the gallery.

By clicking one is redirected to a new page with that same image. And also a textblock with text.

A Whish (the question) would be if there was a standard previous and next page – a Go back and Forth function on that page.

Ideas?

[Hannah]

Hannah

#271295

Hi Kathy,
Sorry, there isn’t a built-in way to do this. Though a workaround would be to add your featured products via shortcode like this: [products limit="4" columns="2" visibility="featured" ]
Hope that helps!

Kindly,
Hannah

[Bonn]

Bonn

#271029

Hi Stephen,

The “cat=employment-law” in your shortcode does not do anything because there is no built-in function for that.

What you can do is filter it by Portfolio type instead.

For example:
[portfolio_posts orderby=date excerpt=false columns=3 items=4 height=200 lightbox=true showtypes=true type=consumer-law]

Hope this helps.

Regards,
Bonn

[ehempton]

ehempton

#271019

Hi all,

I’m not a coder and need some help in finding the right CSS code to add to my WordPress Generatepress theme for Kadence blocks.

I have a row layout with 3 columns and a picture in each column at the top. I want to change the border radius of this image inside the column so that the top left and right are rounded but not the bottom corners.

As I don’t know CSS well at all, I am struggling to find the correct values to change. If you take a look at the attached image you will see that the code highlighted is what I think I need to change and add the radius commands but I need help with the structure of this command.

Thank you

[ehempton]

ehempton

#271019

Hi all,

I’m not a coder and need some help in finding the right CSS code to add to my WordPress Generatepress theme for Kadence blocks.

I have a row layout with 3 columns and a picture in each column at the top. I want to change the border radius of this image inside the column so that the top left and right are rounded but not the bottom corners.

As I don’t know CSS well at all, I am struggling to find the correct values to change. If you take a look at the attached image you will see that the code highlighted is what I think I need to change and add the radius commands but I need help with the structure of this command.

Thank you

[Stephen]

Stephen

#270991

Hello,

I am trying to separate the sections on the page (*Login to see link to display specific portfolio posts in each section. For example, the “Employment Law” section should only display posts in the “Employment Law” category ; this was the shortcode used [portfolio_posts orderby=date excerpt=false columns=3 items=4 height=200 lightbox=true showtypes=true cat=employment-law].
After multiple attempts, the posts being displayed do not change to the correct category. Is there something I am missing as to how to display specific categories?

Thanks!

[Stephen]

Stephen

#270991

Hello,

I am trying to separate the sections on the page (*Login to see link to display specific portfolio posts in each section. For example, the “Employment Law” section should only display posts in the “Employment Law” category ; this was the shortcode used [portfolio_posts orderby=date excerpt=false columns=3 items=4 height=200 lightbox=true showtypes=true cat=employment-law].
After multiple attempts, the posts being displayed do not change to the correct category. Is there something I am missing as to how to display specific categories?

Thanks!