Search Results for 'COLUMNS'

[Hannah]

Hannah

#258324

Hi Inga,
There isn’t a built-in option for this. As a workaround you could add a row layout block with two columns and add an advanced slider block to one column and an advanced heading block to the other. Would this work for you?

Hannah

[Danny]

Danny

#258263

I’ve checked. Margins weren’t set, but I’ve set them to 0. Although in the smaller row I could only set top and bottom margins. I’ve made left right paddings to several rows/colums to zero, and the text doesn’t get over itself, but the columns are still the same. So they’re unchanged and not at all 75%-25%.

[Karla]

Karla

#258242

Hello Pamela,

Since split content makes the columns both 50%, you can add this custom CSS code to make the image column width shorter to make the space between them shorter as well:

@media screen and (min-width: 992px) {
    .kadence_split_content_widget .kt-si-imagecol.content-ktsi-left {
        width: 85%;
    }
    .kadence_split_content_widget .kt-si-imagecol.img-ktsi-left {
        width: 15%;
    }
}

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

Best Regards,
Karla

[Annette]

Annette

#258208

Hi Hannah – the blocks in Site Origin seem to have their own code, so transferring that into Kadence blocks means going through each one individually to replace the text and other features (ie buttons, columns etc) – for a large site that is a huge job 🙁 If there is a way to speed that up then I’d really like some tips

[Danny]

Danny

#258151

Hello,
Here I’m trying to split a row into 2 columns. I’ve added a simple heading on the left and an FluentForms on the right.
I’ve tried long and hard to edit the column size, but it still looks like this.
In the first image, I’ve made it with Kadence blocks. Notice that even the text overlaps. It doesn’t look this bad during edit mode, but this is the end result.

The second one I’ve edited it with Qubely blocks. And see it works as it should – the fluentform takes the size of the column it’s in.
It’s the same form in both examples.
Noteworthy here is that in Qubely I can edit the column width percentage of each one individually, and also on the whole row, while in Kadance blocks I can only edit it in the whole row, and not in each individual one.

I’ve set it to 66% – 34% in Qubely, and in Kadance it’s actually 75% – 25%, yet the size is the same no matter how small I try to make it.

Any help would be appreciated.

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

[Danny]

Danny

#258151

Hello,
Here I’m trying to split a row into 2 columns. I’ve added a simple heading on the left and an FluentForms on the right.
I’ve tried long and hard to edit the column size, but it still looks like this.
In the first image, I’ve made it with Kadence blocks. Notice that even the text overlaps. It doesn’t look this bad during edit mode, but this is the end result.

The second one I’ve edited it with Qubely blocks. And see it works as it should – the fluentform takes the size of the column it’s in.
It’s the same form in both examples.
Noteworthy here is that in Qubely I can edit the column width percentage of each one individually, and also on the whole row, while in Kadance blocks I can only edit it in the whole row, and not in each individual one.

I’ve set it to 66% – 34% in Qubely, and in Kadance it’s actually 75% – 25%, yet the size is the same no matter how small I try to make it.

Any help would be appreciated.

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

[Annette]

Annette

#258123

Hello – I am switching from Ascend Premium to try out the Kadence theme. Is there a list of shortcodes for buttons, columns, icons etc?
I have customized my button appearance in the theme editor but cannot find how to put them in a page. I am currently using SiteOrigin builder not Blocks. Thank you!

[Annette]

Annette

#258123

Hello – I am switching from Ascend Premium to try out the Kadence theme. Is there a list of shortcodes for buttons, columns, icons etc?
I have customized my button appearance in the theme editor but cannot find how to put them in a page. I am currently using SiteOrigin builder not Blocks. Thank you!

[Russell Semenov]

Russell Semenov

#258105

Hello,

Question about the Mega Menu
I do NOT want to use Hooked element – All I want is to have (for example) 3 columns in the Mega Menu – and then be able to assign each sub-menu item to the specific column

So on the Parent menu item I enable Mega Menu option and set Mega Menu Columns to 3 -> evenly spaced [FIRST screenshot]

On the submenu items – Mega Settings – there is only an option to ‘Enable Custom Content’

What I am looking to do, again, is to assign the Submenu items/pages to specific columns.
In the second screenshot you see that all my submenu items are randomly distributed across the columns. How do I change that?

Thank you!

[Russell Semenov]

Russell Semenov

#258105

Hello,

Question about the Mega Menu
I do NOT want to use Hooked element – All I want is to have (for example) 3 columns in the Mega Menu – and then be able to assign each sub-menu item to the specific column

So on the Parent menu item I enable Mega Menu option and set Mega Menu Columns to 3 -> evenly spaced [FIRST screenshot]

On the submenu items – Mega Settings – there is only an option to ‘Enable Custom Content’

What I am looking to do, again, is to assign the Submenu items/pages to specific columns.
In the second screenshot you see that all my submenu items are randomly distributed across the columns. How do I change that?

Thank you!

[Hannah]

Hannah

#258072

Becaue the carousels are built using javascript, to adjust the columns of a carousel you would have to use a shortcode and then in the shortcode define the column count for smaller sizes:

[carousel type="featured-products" columns="3" items="8" speed=9000 scol="3" xscol="2" sscol="2"]

Hope that’s helpful!

Best,
Hannah

[Susiyana]

Susiyana

#258053

This reply has been marked as private.

[Susiyana]

Susiyana

#257999

This reply has been marked as private.

[Hannah]

Hannah

#257993

Three columns on mobile would display very squished together. Are you sure this is what you want? Were you wanting the grid to show on mobile as well as desktop? Sorry if I misunderstood!

Best,
Hannah

[Susiyana]

Susiyana

#257917

This reply has been marked as private.

[Hannah]

Hannah

#257876

Add this to your custom css box in Theme Options > Advanced Settings:

@media (min-width: 992px) {
.home .carousel_outerrim.kad-animation {
    display: none;
}
}
@media (max-width: 992px) {
.home .woocommerce.columns-3 {
    display: none;
}
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#257821

Hey,
I don’t suggest you use empty columns for spacing, if you want narrow content in the center of your row use the max width setting for the row content (in the row structure settings) this will allow your background to be fullwidth and for the content inside your background to max at a specific place.

Ben

[BillTom]

BillTom

#257758

I need your advice on best practice:

I want a page with a Hero image on top below the menu and text/content in a narrower column below the hero.

The page parameters are:
Transparent header disable,
Page Title disable,
Page layout fullwidth,
content style unboxed

Using Gutenberg + the “Row / Layout” block from Kadence blocks I choose 20% – 60% – 20%.
I populate the 60% column with text + further content. The left and right columns are empty.

The result is as I need it.
But is this best practice or just fíddling around?

Or shall I use a boxed page layout for my content and do something (which I do not know) with the hero?

Best
BillTom

[BillTom]

BillTom

#257758

I need your advice on best practice:

I want a page with a Hero image on top below the menu and text/content in a narrower column below the hero.

The page parameters are:
Transparent header disable,
Page Title disable,
Page layout fullwidth,
content style unboxed

Using Gutenberg + the “Row / Layout” block from Kadence blocks I choose 20% – 60% – 20%.
I populate the 60% column with text + further content. The left and right columns are empty.

The result is as I need it.
But is this best practice or just fíddling around?

Or shall I use a boxed page layout for my content and do something (which I do not know) with the hero?

Best
BillTom

[Hannah]

Hannah

#257757

Hey,
Hope you enjoyed your weekend!
You can add a featured product’s grid to your page using a shortcode like this: [products limit="6" columns="3" visibility="featured"]
You can add a custom carousel from Theme Options > Home Layout. Let me know when you have added both and I can provide css to hide/show for mobile/desktop.

Best,
Hannah

[David McCan]

David McCan

#257732

Dear Kadence Team,

I posted a video on YouTube about using the Row Layout block. I’ve had a couple of people comment about how the black add block plus sign doesn’t show as they expect and have trouble nesting blocks. It appears that the black add block plus sign doesn’t show until you add a second Row Layout block into one of the columns, and your location is lost at least visually when you go to click on one of the options in the right panel. Hope that makes sense. Anyway, since more than one person reported it as a problem I’m passing it along here. Attached is a screenshot of the thread and here is a link to the video in case reading it online is easier.

*Login to see link

Best,

David

[David McCan]

David McCan

#257732

Dear Kadence Team,

I posted a video on YouTube about using the Row Layout block. I’ve had a couple of people comment about how the black add block plus sign doesn’t show as they expect and have trouble nesting blocks. It appears that the black add block plus sign doesn’t show until you add a second Row Layout block into one of the columns, and your location is lost at least visually when you go to click on one of the options in the right panel. Hope that makes sense. Anyway, since more than one person reported it as a problem I’m passing it along here. Attached is a screenshot of the thread and here is a link to the video in case reading it online is easier.

*Login to see link

Best,

David

[rick]

rick

#257721

Hi hannah,

Thanks! used the resubale-blocks-extended and pasted the shortcode of a block in the sitewide footer shortcode section.
Works great, but somehow only on the blog grid page and all blog post pages alle columns are squeezed to the right..

Any idea why this is happening?

https://kloekkefotografie.nl/fotografieblog/

Rick

[ROCAFORT]

ROCAFORT

#257720

I tried inserting a short code
[recent_products per_page=”12″ columns=”4″]
The main page changes again

[ROCAFORT]

ROCAFORT

#257718

I tried inserting a short code
[recent_products per_page=”12″ columns=”4″]
The main page changes again