Search Results for 'COLUMNS'

[BG Anders]

BG Anders

#234426

Oh, i see. I tought the border goes with the column.

Ok, so to rephrase. How do i target all 12 columns to be the same size without having to add them one by one like this:

.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_3dd7aa-bf > .kt-inside-inner-col {
    min-height: 980px;
}

.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_4c6438-e1 > .kt-inside-inner-col

ETC

[mrtwanstall]

mrtwanstall

#234424

Hey there,

I’m using Origin page builder and have 2 columns in a row. In the left column I have an image but it doesn’t stretch it on small tablets. It works fine on laptop, desktop and mobile. I’ve tried to fix this by either adding image widget and adding image as background to widget and setting as cover with padding. No matter what I do I can’t get rid of white space top and bottom of image. What am I doing wrong?
Thank you.

[mrtwanstall]

mrtwanstall

#234424

Hey there,

I’m using Origin page builder and have 2 columns in a row. In the left column I have an image but it doesn’t stretch it on small tablets. It works fine on laptop, desktop and mobile. I’ve tried to fix this by either adding image widget and adding image as background to widget and setting as cover with padding. No matter what I do I can’t get rid of white space top and bottom of image. What am I doing wrong?
Thank you.

[BG Anders]

BG Anders

#234367

This reply has been marked as private.

[BG Anders]

BG Anders

#234103

Hi Ben,
a few (hopefully) last details after my meeting today:

Price Table:
1) we locked in the design and also the animation so i removed:

       $('.kpt-table-area.table-animate-fadein').each(function() {
$(this).css({'opacity' : 0 });
            	$(this).animate({'opacity' : 1 },1000,'swing');
        });

… but i don’t understand the whole code. Do i need to modify something else?

2) i am giving the price columns a class (.price_column) and i am trying to style them all (12) at once, not one by one. I just need to set min-height and force the same height for the table. It’s easy with the selector i find in inspector for a single column but not with my class. What am i doing wrong?

/*    Price column height
.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_3dd7aa-bf > .kt-inside-inner-col {
    min-height: 980px;
}

.price_column {
    min-height: 980px !important;
}*/

3) Just a curiosity update on the homepage: we’ll use individual accordions for the features…
… but about 10 will be by default opened, the rest closed. A Compromise but i’m happy no gimmick code is needed. :))

Thank you big time

[Olga]

Olga

#233962

How to make two product columns on the shop page on a mobile version

[Olga]

Olga

#233962

How to make two product columns on the shop page on a mobile version

[Sharon]

Sharon

#233842

With these 75 year old eyes, I need the larger text even with using my computer glasses! But either way, it all seem to be working at 4 columns even at 300% right now. Thanks much.

[Sharon]

Sharon

#233819

For whatever reason, I now see 4 columns correctly. Don’t know what changed. My screen resolution is 3840×2164, text size 300%. Display is landscape. Sorry to bother you.

[Ben Ritner]

Ben Ritner

#233803

Columns have been able to do it from really early on, rows I believe got negative margins a couple of months ago.

Ben

[Milla]

Milla

#233759

Hi,

I have shortcode like this:
[staff_posts orderby=title order=”ASC” columns=4 items=99 height=200 link=false content=full filter=true]

but somehow staff is not in alphabetical order because I use 3 different categories in them. So shortcode puts first one category in alphabethical order, then 2. one and so one.

How to fix this?

Yours,
Milla

[Milla]

Milla

#233759

Hi,

I have shortcode like this:
[staff_posts orderby=title order=”ASC” columns=4 items=99 height=200 link=false content=full filter=true]

but somehow staff is not in alphabetical order because I use 3 different categories in them. So shortcode puts first one category in alphabethical order, then 2. one and so one.

How to fix this?

Yours,
Milla

[Hannah]

Hannah

#233743

Hi Sharon,
I’m seeing four columns. Have you tried clearing your cache?

Hannah

[Sharon]

Sharon

#233640

The page only shows 3 columns when it is set to 4 columns. What am I missing here?

*Login to see link

[Sharon]

Sharon

#233640

The page only shows 3 columns when it is set to 4 columns. What am I missing here?

*Login to see link

[SJNBham]

SJNBham

#233602

Ah – I just remembered where this is an issue. To reproduce:

– Add a row layout block full width with 6 columns
– Add an info box to the first column on the left
– Try to access the move navigation for the info box block

The move nav is not accessible as it’s positioned to the left of the block instead of above it. Having it above the block would interfere with the block toolbar anyway.

I wouldn’t mind if there was an option on the Kadence settings page to include a left buffer in the editor to accommodate moving blocks that are in full-width containers. This is an issue with a number of full-width layout blocks from various plugin devs.

If you’re making suggestions to WP dev, making the blocks so you can move them by left clicking or tapping and holding and then dragging and dropping would be nice. Also an option to minimize and maximize a block would help when you’re trying to move these around on a long page. Another feature that would really help is an option to cut/copy/paste blocks. So you could cut a block and paste it in a new location on the page.

[Hannah]

Hannah

#233383

Hi Clement,
Which editor are you using? I would recommend using the “Above” layout and creating rows and columns in your post and just adding a slider manually. If using the block editor and Kadence Blocks you can create this effect using the Advanced Gallery Block.
Hope that’s helpful!

Hannah

[Michael]

Michael

#232646

Hi
I’ve got a client-requested page design – with large spacing above the opening paragraph on desktop view.
I’ve dropped in a blank text widget before the opening para, and extended it’s bottom margin to get the affect.

On mobile, the text is pushed out of view due to the widget above the text.
I’ve tried reversing the standard collapse order on the row, but for some reason the “Right to Left” collapse option doesn’t work.

Also if there’s 3 columns and 1 & 3 are blank, the 3rd blank column will show before the para.

– any way to render a specific column first, second and third etc on mobile view using CSS?

any suggestions?

[Michael]

Michael

#232646

Hi
I’ve got a client-requested page design – with large spacing above the opening paragraph on desktop view.
I’ve dropped in a blank text widget before the opening para, and extended it’s bottom margin to get the affect.

On mobile, the text is pushed out of view due to the widget above the text.
I’ve tried reversing the standard collapse order on the row, but for some reason the “Right to Left” collapse option doesn’t work.

Also if there’s 3 columns and 1 & 3 are blank, the 3rd blank column will show before the para.

– any way to render a specific column first, second and third etc on mobile view using CSS?

any suggestions?

[Hannah]

Hannah

#232562

Hey,
How are you adding your logos? If you are using the new wordpress editor and kadence blocks you can use the row layout block to create a row with 6 columns. Or you can use the advanced gallery block to and have 6+ columns. Would either of these options work for you?

Hannah

[pedro]

pedro

#232551

I must make a list of small logos as links … but I need to make columns from 6 to 7. The theme only allows me to make up to 4. Is there another way within the same theme for it? Or should I look for an external resource? thank you

[pedro]

pedro

#232551

I must make a list of small logos as links … but I need to make columns from 6 to 7. The theme only allows me to make up to 4. Is there another way within the same theme for it? Or should I look for an external resource? thank you

[Ariadna Uria Rodriguez]

Ariadna Uria Rodriguez

#232371

Hello, yesterday I bought the Pinnacle premium template and I am trying to create my cover. But when I put the images on the menu I can not cover the second image gap, what is happening? how can I solve that? I can’t see my 6 images in two columns …
I hope your answer, thanks

[Ariadna Uria Rodriguez]

Ariadna Uria Rodriguez

#232371

Hello, yesterday I bought the Pinnacle premium template and I am trying to create my cover. But when I put the images on the menu I can not cover the second image gap, what is happening? how can I solve that? I can’t see my 6 images in two columns …
I hope your answer, thanks

[Ben Ritner]

Ben Ritner

#232006

Hey,
You are in control of the template. You define the width for your product image and the width for your product details. For example, if you want the image larger and the product details smaller you set that within the template settings for how you want your columns distributed.

I changed it on this product so you can see: https://www.katinka.org/shop/testmix-match2/

As for tabs you hadn’t added that tabs widget (which I just added for you). What other tabs did you have before?

The paypal buttons are added by your paypal plugin you will have to use it to turn them off.

Ben

[Ben Ritner]

Ben Ritner

#231560

Hey,
Lets say by default you want all 4 column rows to become 2 columns on a tablet, pagebuilder does let you do this it just doesn’t add extra controls to make it more unique.

In your settings > page builder. Click layout tab. Then make sure Use Tablet Layout is checked.

Next scroll down to “Mobile Width” and there set the number to 767.

Try that, in most cases that will create the effect you want.

Ben

[Hannah]

Hannah

#231550

Hi Tom,
To my knowledge, there isn’t a way to create css that would correctly affect all your page builder rows with columns.
Have you worked with the new WordPress editor? Our Kadence Blocks plugin provides a row layout block that allows you to customize the column layout for tablets and mobile. https://www.kadenceblocks.com/row-layout-block/
Elementor page builder also allows you to customize your columns for tablets.
Hope that’s helpful!

Hannah