Search Results for 'COLUMNS'

[Daniel]

Daniel

#265854

Hi,
I use some category pages (is that an Archive page? when I show all posts for Category A on one page?) on my blog… how can I change the number of columns these are shown in (right now its always 3 rows, eben with sidebar)

Also my homepage goes too “all blog posts”, showing 3 columns… can I change that, too?

It seems I cannot change that in the Customizer, correct?

Must say Kadence Theme (I hadn’t even realized you made a new theme since a few weeks ago) is great and especially super fast…with WP Rocket I get a 98-100 on mobile, even with Cookie consent code, Matomo and esp. Adsense to be sent)

Thank you
Dan

[Daniel]

Daniel

#265854

Hi,
I use some category pages (is that an Archive page? when I show all posts for Category A on one page?) on my blog… how can I change the number of columns these are shown in (right now its always 3 rows, eben with sidebar)

Also my homepage goes too “all blog posts”, showing 3 columns… can I change that, too?

It seems I cannot change that in the Customizer, correct?

Must say Kadence Theme (I hadn’t even realized you made a new theme since a few weeks ago) is great and especially super fast…with WP Rocket I get a 98-100 on mobile, even with Cookie consent code, Matomo and esp. Adsense to be sent)

Thank you
Dan

[Hannah]

Hannah

#265809

Hey Janek,
Thanks for reaching out! Is your homepage set as your latest post page? What do you have the “Blog pages show at most” set to in Settings > Reading?
To randomize your blog posts you can use a shortcode like this: [blog_posts type=”grid” orderby=”rand” columns=”3″ items=”21″]
Hope it helps!

Best,
Hannah

[Frank]

Frank

#265750

This reply has been marked as private.

[Frank]

Frank

#265697

Well…. 🙂
It hid the buttons/text, but even when logged in?
Anyways, I switched to your columns & Buttons shortcodes and used a plugin to hide.
It got rid of trying to hide multiple pagebuilder boxes.

I should move from the classic editor I know but….

Thank you again for all your time and energy helping me.

[tom.berger]

tom.berger

#265554

Hi there!

I’m trying to get my archive pages to look the same as my blog page (which uses Post Grid / Caroussel).

My blog page has 3 columns and shows my 15 latest posts.

May archive page is showing my 10 latest posts in any category, which looks a little awkward, as you’re getting this effect:

[post][post][post]
[post][post][post]
[post][post][post]
[post]

1 2 3 >

So this gap shows in the bottom, even though there are more pages.

Is there any way to change the number of posts showing on the archive pages?

Also, the pagination between Post Grid / Archive Lay Out looks completely different from one another. Is there any way in which I can make them look the same? I’m not seeing any way to change the looks of the pagination for either the Post Grid or the Archive Lay Out.

Thanks in advance,

Joost

[tom.berger]

tom.berger

#265554

Hi there!

I’m trying to get my archive pages to look the same as my blog page (which uses Post Grid / Caroussel).

My blog page has 3 columns and shows my 15 latest posts.

May archive page is showing my 10 latest posts in any category, which looks a little awkward, as you’re getting this effect:

[post][post][post]
[post][post][post]
[post][post][post]
[post]

1 2 3 >

So this gap shows in the bottom, even though there are more pages.

Is there any way to change the number of posts showing on the archive pages?

Also, the pagination between Post Grid / Archive Lay Out looks completely different from one another. Is there any way in which I can make them look the same? I’m not seeing any way to change the looks of the pagination for either the Post Grid or the Archive Lay Out.

Thanks in advance,

Joost

[Michael]

Michael

#265491

Hey Hannah,

thanks, but that does not solve my problem. The system chooses e.g.8 products and I have 4 columns. I only don’t want the carousel to autorotate.

Thanks fpr more hints, best
Michael

[Hannah]

Hannah

#265486

Hey Michael,
You can set this from Theme Options > Product Settings > Choose how many columns are in related product carousel.
Hope that helps!

Best,
Hannah

[zengirl]

zengirl

#265325

I’m using the Kadence accordion block with the Ascend theme for two video galleries which use shortcode from OriginCode. So one tab should open for 21 videos and then another tab should reveal another 21 videos. The first tab opens fine showing three columns of videos. However, the second tab opens and shows the videos in one long column. It’s almost like something is preventing the videos from going into the three columns, like the same width setting is being ignored. I’m going to include html code since I don’t have this live on my site. I’ve also attached two preview screen shots to show you tabs. Thanks for any help!

Best,
Les

`<!– wp:kadence/accordion {“uniqueID”:”_db1397-e4″,”startCollapsed”:true,”maxWidth”:1225,”contentBorder”:[0,0,0,0],”titleStyles”:[{“size”:[18,””,””],”sizeType”:”px”,”lineHeight”:[24,””,””],”lineType”:”px”,”letterSpacing”:””,”family”:””,”google”:””,”style”:””,”weight”:””,”variant”:””,”subset”:””,”loadGoogle”:true,”padding”:[10,14,10,14],”marginTop”:11,”color”:”#555555″,”background”:”#f2f2f2″,”border”:[“#555555″,”#555555″,”#555555″,”#555555″],”borderRadius”:[0,0,0,0],”borderWidth”:[0,0,0,0],”colorHover”:”#444444″,”backgroundHover”:”#eeeeee”,”borderHover”:[“#eeeeee”,”#eeeeee”,”#eeeeee”,”#eeeeee”],”colorActive”:”#ffffff”,”backgroundActive”:”#444444″,”borderActive”:[“#444444″,”#444444″,”#444444″,”#444444″],”textTransform”:””}]} –>
<div class=”wp-block-kadence-accordion alignnone”><div class=”kt-accordion-wrap kt-accordion-wrap kt-accordion-id_db1397-e4 kt-accordion-has-2-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-basic kt-accodion-icon-side-right” style=”max-width:1225px”><div class=”kt-accordion-inner-wrap” data-allow-multiple-open=”false” data-start-open=”none”><!– wp:kadence/pane {“uniqueID”:”_e08738-7b”} –>
<div class=”wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-1 kt-pane_e08738-7b”><div class=”kt-accordion-header-wrap”><button class=”kt-blocks-accordion-header kt-acccordion-button-label-show”><span class=”kt-blocks-accordion-title-wrap”><span class=”kt-blocks-accordion-title”>2021 Videos</span></span><span class=”kt-blocks-accordion-icon-trigger”></span></button></div><div class=”kt-accordion-panel”><div class=”kt-accordion-panel-inner”><!– wp:shortcode –>
[origincode_videogallery id=”3″]
<!– /wp:shortcode –></div></div></div>
<!– /wp:kadence/pane –>

<!– wp:kadence/pane {“id”:2,”uniqueID”:”_fe6901-74″} –>
<div class=”wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-2 kt-pane_fe6901-74″><div class=”kt-accordion-header-wrap”><button class=”kt-blocks-accordion-header kt-acccordion-button-label-show”><span class=”kt-blocks-accordion-title-wrap”><span class=”kt-blocks-accordion-title”>2020 Videos</span></span><span class=”kt-blocks-accordion-icon-trigger”></span></button></div><div class=”kt-accordion-panel”><div class=”kt-accordion-panel-inner”><!– wp:shortcode –>
[origincode_videogallery id=”3″]
<!– /wp:shortcode –></div></div></div>
<!– /wp:kadence/pane –></div></div></div>
<!– /wp:kadence/accordion –>

[zengirl]

zengirl

#265325

I’m using the Kadence accordion block with the Ascend theme for two video galleries which use shortcode from OriginCode. So one tab should open for 21 videos and then another tab should reveal another 21 videos. The first tab opens fine showing three columns of videos. However, the second tab opens and shows the videos in one long column. It’s almost like something is preventing the videos from going into the three columns, like the same width setting is being ignored. I’m going to include html code since I don’t have this live on my site. I’ve also attached two preview screen shots to show you tabs. Thanks for any help!

Best,
Les

`<!– wp:kadence/accordion {“uniqueID”:”_db1397-e4″,”startCollapsed”:true,”maxWidth”:1225,”contentBorder”:[0,0,0,0],”titleStyles”:[{“size”:[18,””,””],”sizeType”:”px”,”lineHeight”:[24,””,””],”lineType”:”px”,”letterSpacing”:””,”family”:””,”google”:””,”style”:””,”weight”:””,”variant”:””,”subset”:””,”loadGoogle”:true,”padding”:[10,14,10,14],”marginTop”:11,”color”:”#555555″,”background”:”#f2f2f2″,”border”:[“#555555″,”#555555″,”#555555″,”#555555″],”borderRadius”:[0,0,0,0],”borderWidth”:[0,0,0,0],”colorHover”:”#444444″,”backgroundHover”:”#eeeeee”,”borderHover”:[“#eeeeee”,”#eeeeee”,”#eeeeee”,”#eeeeee”],”colorActive”:”#ffffff”,”backgroundActive”:”#444444″,”borderActive”:[“#444444″,”#444444″,”#444444″,”#444444″],”textTransform”:””}]} –>
<div class=”wp-block-kadence-accordion alignnone”><div class=”kt-accordion-wrap kt-accordion-wrap kt-accordion-id_db1397-e4 kt-accordion-has-2-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-basic kt-accodion-icon-side-right” style=”max-width:1225px”><div class=”kt-accordion-inner-wrap” data-allow-multiple-open=”false” data-start-open=”none”><!– wp:kadence/pane {“uniqueID”:”_e08738-7b”} –>
<div class=”wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-1 kt-pane_e08738-7b”><div class=”kt-accordion-header-wrap”><button class=”kt-blocks-accordion-header kt-acccordion-button-label-show”><span class=”kt-blocks-accordion-title-wrap”><span class=”kt-blocks-accordion-title”>2021 Videos</span></span><span class=”kt-blocks-accordion-icon-trigger”></span></button></div><div class=”kt-accordion-panel”><div class=”kt-accordion-panel-inner”><!– wp:shortcode –>
[origincode_videogallery id=”3″]
<!– /wp:shortcode –></div></div></div>
<!– /wp:kadence/pane –>

<!– wp:kadence/pane {“id”:2,”uniqueID”:”_fe6901-74″} –>
<div class=”wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-2 kt-pane_fe6901-74″><div class=”kt-accordion-header-wrap”><button class=”kt-blocks-accordion-header kt-acccordion-button-label-show”><span class=”kt-blocks-accordion-title-wrap”><span class=”kt-blocks-accordion-title”>2020 Videos</span></span><span class=”kt-blocks-accordion-icon-trigger”></span></button></div><div class=”kt-accordion-panel”><div class=”kt-accordion-panel-inner”><!– wp:shortcode –>
[origincode_videogallery id=”3″]
<!– /wp:shortcode –></div></div></div>
<!– /wp:kadence/pane –></div></div></div>
<!– /wp:kadence/accordion –>

[chitocamacho]

chitocamacho

#265109

Hi Tom,

To remove the sidebar:
.page-id-0 aside#secondary {
display: none;
}

To remove the space that’s supposed to be for the sidebar and set the main content to full width.
.page-id-0.has-sidebar:not(.has-left-sidebar) .content-container {
grid-template-columns: 1fr;
}

Let me know how it goes.

Regards,
Chito

[Karla]

Karla

#265069

Hello Asmus,

Thank you for reaching out to us.

Please could you provide a page URL to us so we can better assist you with custom CSS? Also, kindly try adding this in Customizer > Additional CSS:

@media screen and (max-width: 1024px) and (min-width: 720px) {
    .has-left-sidebar .content-container {
        display: grid;
        grid-template-columns: 2fr 5fr;
        grid-gap: var(--global-xl-spacing);
        justify-content: center;
    }
    .has-left-sidebar #secondary {
        grid-column: 1;
        grid-row: 1;
    }
}

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

Regards,
Karla

[Hannah]

Hannah

#265044

Hi Dean,
I’m sorry you’re experiencing this! Can you send me a screenshot of how you have things set up in the backend? Or else post login info here? Are you adding the videos to their own columns within the row?

Kindly,
Hannah

[Ben Ritner]

Ben Ritner

#265033

Unfortunately, your login doesn’t work to give me access. Perhaps you had a short window of time set?

When you are creating a menu like this the best thing is to think in terms of columns. Right now you’ve added 6 items all at the same level and the first large graphic pushed the second level of columns down below it. Columns will clear the previous.

However, if you instead make menu items “gluten free” and “Home Made cakes” sub-items to Black Forest cakes that would create a column holding multiple items vs creating their own column.

Does that make sense? If I could get it I would be happy to set this up for you.

Ben

[Nadine]

Nadine

#265020

Hi,

we have custom tabs with the following content (minimal example):

<h2>My headline</h2>
[columns] [span6]
Left part
[/span6][span6]
Right part
[/span6][/columns]

When this gets rendered above and below the part with [columns]...[/columns] an empty p paragraph is added. This only happens in the custom tabs, but for instance not when adding the same in the product description, that is, for the product description tab.

I have no idea why, but maybe the php code for custom tab is missing a trim() or similar.

Maybe this is a bug that needs to be fixed in Virtue Premium. Or do you know of a workaround how I could write the above code but in a way that the extra paragraphs are not added?

[Nadine]

Nadine

#265020

Hi,

we have custom tabs with the following content (minimal example):

<h2>My headline</h2>
[columns] [span6]
Left part
[/span6][span6]
Right part
[/span6][/columns]

When this gets rendered above and below the part with [columns]...[/columns] an empty p paragraph is added. This only happens in the custom tabs, but for instance not when adding the same in the product description, that is, for the product description tab.

I have no idea why, but maybe the php code for custom tab is missing a trim() or similar.

Maybe this is a bug that needs to be fixed in Virtue Premium. Or do you know of a workaround how I could write the above code but in a way that the extra paragraphs are not added?

[Jean F]

Jean F

#264976

Hey Hannah, still no change and I tried in another website too. But I looked at the block in html and found that some images are not displaying the width and height parameters.

Can you have a look at the code block using the login above?
__

<div class=”wp-block-kadence-advancedgallery kb-gallery-wrap-id-_6eb66e-ef”><ul class=”kb-gallery-ul kb-gallery-type-grid kb-gallery-id-_6eb66e-ef 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 kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-inherit”><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit”></div></div></figure></div><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-inherit”><div class=”kb-gal-image-radius” style=”max-width:1024px”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit” style=”padding-bottom:26.26953125%”></div></div></figure></div></div>

Thanks

[Dave]

Dave

#264952

This reply has been marked as private.

[kad76]

kad76

#264901

Hi

We tried

.kt-row-column-wrap {
padding: 0;
}

But still have the 25 px padding. Any solution ? Thanks

===
Class : kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row

===

CSS :
bottom: 0px
;
box-sizing: inherit;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
left: 0px
;
padding: 25px
0px
;
position: relative;
right: 0px
;
top: 0px
;
z-index: 10;

[miker]

miker

#264815

This reply has been marked as private.

[Hannah]

Hannah

#264802

Hi Pamela,
I’m not seeing widgets in your footer columns 2, 3, and 4 from Appearance > Widgets. Are they showing for you in the backend? Have you cleared your cache?

Kindly,
Hannah

[Alexander Lins]

Alexander Lins

#264726

Row block responsive design issue: I have defined a 3 columns row block for desktop down to tablet and a 1 column setup for mobile. This all works – no issues here.
However, since the columns are changing from 3 columns to 1 column below 768px, usability really becomes an issue between 767px and about 480px.

How can I target the row block between mobile portrait and tablet portrait to be displayed in 2 columns instead of 1 or 3 columns ? Thanks!

[Alexander Lins]

Alexander Lins

#264726

Row block responsive design issue: I have defined a 3 columns row block for desktop down to tablet and a 1 column setup for mobile. This all works – no issues here.
However, since the columns are changing from 3 columns to 1 column below 768px, usability really becomes an issue between 767px and about 480px.

How can I target the row block between mobile portrait and tablet portrait to be displayed in 2 columns instead of 1 or 3 columns ? Thanks!

[aapessoa]

aapessoa

#264722

Hello
Great theme but when trying to use blocks other than kadence blocks I get the layouts all messed up, even with just the stock wp editor (the gutenberg version that comes with wp 5.7)

The problem is with the “alignwide” class that has the same values of “alignfull” class, thus making any layout using that formatting to be fullwidht and even overflowing the screen. This happens with all stock blocks: cover, group, columns, image, gallery,…

Can you please provide the correct css?
Thanks in advance

[aapessoa]

aapessoa

#264722

Hello
Great theme but when trying to use blocks other than kadence blocks I get the layouts all messed up, even with just the stock wp editor (the gutenberg version that comes with wp 5.7)

The problem is with the “alignwide” class that has the same values of “alignfull” class, thus making any layout using that formatting to be fullwidht and even overflowing the screen. This happens with all stock blocks: cover, group, columns, image, gallery,…

Can you please provide the correct css?
Thanks in advance