Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#261467

Hey,
Thanks for posting.

Themes are generally responsible to style the core blocks. In fact, most people consider themes that don’t to be non-gutenberg ready. It’s not a lot of opinionated styling just minor stuff to make the blocks work within the theme quotes and block quotes work within the theme structure or the table block follow the global colors etc.

On thing a theme does have to control is spacing and that is why you have the spacing added by the theme that you mention above. For example view this blog post with the core columns block added: https://demos.kadencewp.com/agency-free/2019/11/25/5-common-myths-about-graphic-design/

Notice how all the spacing is setup to work without any editing.

If you need control over the margins, padding etc then I suggest using Kadence Blocks and our Row layout block.

If you are experiencing something where the default spacing is breaking in some strange why I would love to see so perhaps I can improve the css.

Ben

[Hannah]

Hannah

#261424

Hey Phil,
In the Portfolio Grid/Carousel settings under the Layout Settings tab you can click the “Individual” toggle above Columns and you will then be able to increase the number of columns to 8 for screens larger than 1200px. Would this be enough for you?

Kindly,
Hannah

[BG Anders]

BG Anders

#261416

Hi Hannah,

I am aware of that setting and I use it but this does not extend to other blocks.

I need one accordion on two columns.

Alternatively, I can use two accordions but then I need a way to close the panes from one accordion to the other.

Thank you for your time,
BG

[Sloa]

Sloa

#261355

Hi,

a new customer here, finally found some time to test the products after the purchase.

One thing that bothers me, a theme is adding additional styles to the core blocks. Concrete:
.wp-block-columns {
margin-bottom: 0;
margin-top: 2rem;
}

That is coming from the: …/wp-content/themes/kadence/assets/css/content.min.css

Maybe there are other declarations that affect the core WP blocks, or this is the only one. I don’t know, maybe you made this by mistake, I hope so.

That wouldn’t be a problem for me to overwrite it, but a client may have trouble getting what’s desired. Simply, that margin is pushing the content from the top.

I hope you can change this and generally pushing the code without the modification of the core WP blocks would be expected.

Thanks!

[Sloa]

Sloa

#261355

Hi,

a new customer here, finally found some time to test the products after the purchase.

One thing that bothers me, a theme is adding additional styles to the core blocks. Concrete:
.wp-block-columns {
margin-bottom: 0;
margin-top: 2rem;
}

That is coming from the: …/wp-content/themes/kadence/assets/css/content.min.css

Maybe there are other declarations that affect the core WP blocks, or this is the only one. I don’t know, maybe you made this by mistake, I hope so.

That wouldn’t be a problem for me to overwrite it, but a client may have trouble getting what’s desired. Simply, that margin is pushing the content from the top.

I hope you can change this and generally pushing the code without the modification of the core WP blocks would be expected.

Thanks!

[Hannah]

Hannah

#261317

Hi Frank,
Thanks for reaching out! The height/width of your images is determined by the number of columns. But you can set a specific max-height with css. Would you mind posting a link?

Thanks,
Hannah

[BG Anders]

BG Anders

#261299

Hi,

is there a way to “split” one accordion block in two columns?

In the link below you can see my design – just scroll down a bit to the features list. Here I used two row columns with (24)individual accordions. Downside is that one has to open/close them one by one. I would need the pane to close when opening a new pane.

Using two accordions, one for each column is not an option because the result is inconsistent: “jumping” from one column to another will not close the panes.

I also can’t give up the two column design – the list is too long.

Thank you for your time.

[BG Anders]

BG Anders

#261299

Hi,

is there a way to “split” one accordion block in two columns?

In the link below you can see my design – just scroll down a bit to the features list. Here I used two row columns with (24)individual accordions. Downside is that one has to open/close them one by one. I would need the pane to close when opening a new pane.

Using two accordions, one for each column is not an option because the result is inconsistent: “jumping” from one column to another will not close the panes.

I also can’t give up the two column design – the list is too long.

Thank you for your time.

[Hannah]

Hannah

#261260

Hey,
There isn’t a way to add it into the header/banner area. You would just need to add it to the top of your page. If you’re wanting more than 5 columns I suggest using the Advanced Gallery block and just linking each image to the specific portfolio post.
Hope that helps!

Best,
Hannah

[Kirianne Nicolson]

Kirianne Nicolson

#261249

This reply has been marked as private.

[phil2]

phil2

#261238

Also, I notice that the Portfolio Grid Carousel from Kadence Blocks Pro has a maximum number of columns of 5. Which kind of detracts from the required “collage” effect. Is there a way to force the number of columns to 10?
Thanks,
Phil.

[Amy P]

Amy P

#261197

Yes, I just wanted the 5 to collapse to 3 and 2 on mobile.

I suppose that would be possible if I did something like:
row > [40 column > row > 2 columns] [60 column > row > 3 columns]

Is that correct?

[Dave]

Dave

#261188

This reply has been marked as private.

[Hannah]

Hannah

#261184

Hey Amy,
Yes, you become more limited as the number of columns increases. Is there a specific layout you’re wanting for tablet and mobile?

Kindly,
Hannah

[Karla]

Karla

#261126

Hello Christine,

Thank you for reaching back to us.

There is already a layout of 2-2 columns for the Tablet view. I will send a note to the developer to see if it’s possible to add a 3 columns break layout for the Desktop view of a Row Layout block.

Best Regards,
Karla

[Amy P]

Amy P

#261107

Update: I see now that I don’t have these options because I have 5 columns in my row. Options are there when I have 4 columns and under, or 6 columns. Just not for 5?

[Ben Ritner]

Ben Ritner

#261087

Hey,
Kadence doesn’t use a CSS framework, this is intentional to keep things light.

If you want to piggyback on the Kadence Grid CSS classes they are all set in the parent element and set using grid css. It’s super simple and lightweight and not intended to be a framework. If you are used to using a framework you can load one in your child theme if that would make things easier.

grid-cols
^ add to the container and it defines that the container should use grid css along with default row/grid gaps of 2.5rem

If you want a 4 column layout that is two columns on tablet and one column on mobile the classes for the parent container would be:

grid-cols grid-sm-col-2 grid-md-col-2 grid-lg-col-4

Let me know if I can help further.

Ben

[Digital Renovators]

Digital Renovators

#260997

Hello,

What CSS grid framework does Kadence theme use?
I want to create custom blocks and page templates using ACF and I don’t know what grid system Kadence uses to be able to create my own rows, columns and bespoke sections. GeneratePress which I used to use, uses Unsemantic, but I think they now use Flexbox.
Just wondering why there is no information about this stuff on the Kadence site.
I would like to use this theme for more advanced layouts and templates, not just blocks.

[Digital Renovators]

Digital Renovators

#260997

Hello,

What CSS grid framework does Kadence theme use?
I want to create custom blocks and page templates using ACF and I don’t know what grid system Kadence uses to be able to create my own rows, columns and bespoke sections. GeneratePress which I used to use, uses Unsemantic, but I think they now use Flexbox.
Just wondering why there is no information about this stuff on the Kadence site.
I would like to use this theme for more advanced layouts and templates, not just blocks.

[Dave]

Dave

#260995

Hi,

I have a Row with 3 columns 40/40/20. the 40% columns have a 50/50 row layout and the 20% column has a single 100% row layout. I set it up this way because there are 5 image overlays which should all be even and I wanted the table to stack 2 on top and 3 below. However the result is that only the top row displays. Is this a bug or is this something to do with the workings of divs I’m unaware of?

Thanks

[Dave]

Dave

#260995

Hi,

I have a Row with 3 columns 40/40/20. the 40% columns have a 50/50 row layout and the 20% column has a single 100% row layout. I set it up this way because there are 5 image overlays which should all be even and I wanted the table to stack 2 on top and 3 below. However the result is that only the top row displays. Is this a bug or is this something to do with the workings of divs I’m unaware of?

Thanks

[Christine Anwander]

Christine Anwander

#260874

Hello Karla,

thank you for your answer, I know that but can you integrate this feature for the future. To make (3 columns – 3 columns) in the desktop and (2 columns – 2 columns – 2 columns in the tablet.

Regards
Christine

[Hannah]

Hannah

#260802

Hi Kevin,
You can do this by adding setting your page builder page as a prebuilt layout, then in a page using the block editor you can add a Siteorigin layout widget and select your prebuilt layout. You can do this within an accordion block. If your page builder layout already has columns then you don’t need to add more into the block editor.
I hope that’s helpful! Let me know if you need more clarity.

Best,
Hannah

[Dave]

Dave

#260797

This reply has been marked as private.