Search Results for 'COLUMNS'

[Bonn]

Bonn

#284081

Hi Jonathan,

There is a built-in option to change the Footer Row to 4 columns.

Just click on one of the Footer Row, and set the Columns to 4.

Here’s a video: https://share.getcloudapp.com/JruevLdk

Next, just add Widget item to each columns. Here’s a video: https://share.getcloudapp.com/Jruev6P6

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

[faizan.amjad86]

faizan.amjad86

#284044

Want to ask one more thing.

I am creating two columns and adding texting in left column and in the right i am adding AAWP widget. It appears fine in desktop version but in mobile version, the widget slides down.

I want to make widget appear above the paragraphs not beneath. For reference check the attached image.

[Milla]

Milla

#284013

Yes! There were two columns.
Thank you so much!

[Karla]

Karla

#284009

Hi there!

For clarification – which blocks are you using for this layout?

If you’re using a Row Layout block with 4 columns and Gutemberg Image blocks do these:

• Click the Image block
• Select “Align center” for the Align option.

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

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

Regards,
Karla

[Karla]

Karla

#284005

Hi, Milla!

I’m sorry for the long delay in getting back to you.

I tested this on my website but the number of posts is following the widget setting. Watch this screen recording – https://share.getcloudapp.com/DOuKWeP1.

When I checked the post that you gave, the content is not using the actual sidebar of the theme. I believe you have set up the post content to show two columns. I followed this layout on my website and still, the Ascend: Recent Posts widget is showing the correct number of posts – https://share.getcloudapp.com/nOuLgE7o.

If you haven’t yet, please could you do the initial troubleshooting steps here to determine the cause of the issue or fix it – https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/.

Please let us know how we can help you further with this.

Kind regards,
Karla

[Hannah]

Hannah

#283930

Hi Francis,
Thanks for reaching out! The number of columns are not meant to change from desktop to tablet to mobile, only the layout of the columns. Does that make sense? Sorry for the confusion.

Kindly,
Hannah

[Karla]

Karla

#283916

Hi there!

I’m sorry for the delay in getting back to you.

I saw that the columns collapse on screen widths of 1024px. If you want the sidebar content to show at the top already, adjust the custom CSS code above to:

@media (max-width: 1024px) { 
    .has-sidebar .content-container.site-container {
        display: flex;
        flex-direction: column-reverse;
    }
}

This is how it should work on your page – https://share.getcloudapp.com/eDuEW0bE.

Add the CSS code in Customizer > Additional CSS – https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/.

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

Regards,
Karla

[Francis George]

Francis George

#283896

Hello. Really love the Kadence theme and blocks. I’ve used them on 3 or 4 sites, and even purchased the Pro Version for one.
I need help with an issue.
In my layout, I want 3 columns on desktop, and 2 on a tablet.
But every time I change the tablet columns to 2, the desktop also changes to 2.
Should I try something different?
Here’s a series for screenshot demonstrating the issue, since I couldn’t upload a screen recording.
Thanks in advance!

[Francis George]

Francis George

#283896

Hello. Really love the Kadence theme and blocks. I’ve used them on 3 or 4 sites, and even purchased the Pro Version for one.
I need help with an issue.
In my layout, I want 3 columns on desktop, and 2 on a tablet.
But every time I change the tablet columns to 2, the desktop also changes to 2.
Should I try something different?
Here’s a series for screenshot demonstrating the issue, since I couldn’t upload a screen recording.
Thanks in advance!

[ighalofestus]

ighalofestus

#283866

I also have this problem. I think a button to set mobile columns should be added to the block as you’ve done with most blocks.
to fix mine I duplicated the block and added the new block into a new section. I made one of the blocks display with 1 column. Then I made that section only visible on mobile. The other block has visibility on desktop and tablet

[mathieu.pagnier]

mathieu.pagnier

#283842

Hello,

I want to align all the buttons down for each of the columns.

See example on the page:
*Login to see link

I can’t find how to do it, can you help me?

Thanks in advance

Mathieu

• This topic was modified 2 years, 11 months ago by mathieu.pagnier.

[mathieu.pagnier]

mathieu.pagnier

#283842

Hello,

I want to align all the buttons down for each of the columns.

See example on the page:
*Login to see link

I can’t find how to do it, can you help me?

Thanks in advance

Mathieu

• This topic was modified 2 years, 11 months ago by mathieu.pagnier.

[Bonn]

Bonn

#283776

Hi,

Try doing this.

1. First, add a Row block with 1 Column
2. Add a background image
3. Go to Advanced, and set padding to 0
4. Set the Minimum Height to 100VH
5. Enable the “Inner Column Height 100%”
6. Change the Vertical Align to Bottom: https://share.getcloudapp.com/2NubNpPJ
7. Add a new Row Block with 2 Columns inside the Section Block
8. Change the Vertical Align of the Row block to Center
9. Set a background color to the Row block
10. Add Image on the left section, and text on the right section

Here’s a video: https://share.getcloudapp.com/qGuqe6O4

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

[onlisite]

onlisite

#283705

Thank you very much! Added the css code

@media(max-width: 542px){
.kb-gallery-ul[data-columns-xs=”2″] .kadence-blocks-gallery-item {
width: 50%;
}
}

and everything works now.

[Hannah]

Hannah

#283699

Hi Kathy,
Try adding this to your CSS in Theme Options:

.kt-row-column-wrap.kt-has-3-columns.kt-row-layout-equal.kt-tab-layout-inherit.kt-mobile-layout-row.kt-row-valign-top {
    max-width: 200px;
}
#containerfooter [class*=wp-image] {
    padding: 5px;
}

Does that work as you’re wanting?

Kindly,
Hannah

[chitocamacho]

chitocamacho

#283694

Hi there,

Sorry to hear the issue persists.

You can use this code instead:

@media(max-width: 542px){
    .kb-gallery-ul[data-columns-xs="2"] .kadence-blocks-gallery-item {
        width: 50%;
    }
}

It should work on your website: https://share.getcloudapp.com/d5ugqrAx

The issue should not be happening and it seems to be isolated to your website.

To debug this further, could you please give us temporary admin access to your staging copy of your website? You can use this plugin and send the login link here privately by checking the “Set as private reply” option below.

Regarding your other open topic, support members will respond to it, and you can continue resolving any issues or concerns there.

Kind regards,
Chito

[onlisite]

onlisite

#283640

1. Clear the site cache via WP Fastest Cache – it didn’t help. I’ve done this before and now again

2. I added the above code to the ccs website,

.kb-gallery-ul[data-columns-xs=”2″] .kadence-blocks-gallery-item {
width: 50%;
}

the images appeared

Tell me, what’s next? Previously, there were no such conflicts. Thanks!

[chitocamacho]

chitocamacho

#283614

Hi there,

Thanks for the links.

It seems your site is missing the style that sets the width for mobile view. Below is the sample code:

.kb-gallery-ul[data-columns-xs="2"] .kadence-blocks-gallery-item {
    width: 50%;
}

Here’s a video: https://share.getcloudapp.com/yAuJqo4r

I suspect the cache CSS files don’t include the styles for the Advanced Gallery display on mobile. Please clear the site cache via WP Fastest Cache.

If the issue persists, please check if you are running the latest version of the Kadence Blocks plugin. https://wordpress.org/plugins/kadence-blocks/

Here’s a list of the initial troubleshooting steps you could do to rule out the usual causes of WordPress issues:
https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/

If it doesn’t make a difference, kindly add the above code in Customizer > Additional CSS for the meantime while we are still figuring out the issue.

Let us know how it goes.

Kind regards,
Chito

[carbonkid]

carbonkid

#283548

Hi, is it just us or are the row layout sections out of order when you’re editing a page? They used to display neatly one next to another as they were created but after updating to the new version this morning they’re all over the place. Left columns are showing on the right, and right columns on a separate row underneath. It’s happening with all of the blocks on all of the pages. Please see screenshots! It’s not a massive problem since they do display correctly on the website but just wondering if this view is normal while editing..

[carbonkid]

carbonkid

#283548

Hi, is it just us or are the row layout sections out of order when you’re editing a page? They used to display neatly one next to another as they were created but after updating to the new version this morning they’re all over the place. Left columns are showing on the right, and right columns on a separate row underneath. It’s happening with all of the blocks on all of the pages. Please see screenshots! It’s not a massive problem since they do display correctly on the website but just wondering if this view is normal while editing..

[Justin Moreland]

Justin Moreland

#283494

I did find that if you type wp.blocks.getBlockTypes() into the console when in the editor view, you get an array of all the available blocks. You can then enque a script file in the editor to unregister the blocks you don’t want (and also the core blocks that may confuse them).

wp.domReady( function() {
    var blocksToUnregister = [
        'core/columns',
        'core/column',
        'core/group',
        'kadence/singlebtn',
        'kadence/advancedbtn',
    ];

    blocksToUnregister.forEach( function( blockName ) {
        wp.blocks.unregisterBlockType( blockName );
    } );
} );

• This reply was modified 2 years, 11 months ago by Justin Moreland.
• This reply was modified 2 years, 11 months ago by Justin Moreland.
• This reply was modified 2 years, 11 months ago by Justin Moreland.

[Martin Ische]

Martin Ische

#283442

No idea if the support forum is suitable for feature requests.
But it would be a significant improvement if in a “row layout” the width of the columns could be entered manually via the properties.
The drag slider is now only available for less than 4 columns and also not for the table and mobile views.
With the manual input of the width for a column (in the properties for the row layout) this would be perfectly solvable.
The input can also be limited to certain values between 5% and 100% (in 5% steps). And the last value is automatically completed to 100%. That probably makes the implementation easier.

Otherwise, thanks for this perfect PlugIn and especially for the continuous development, that is not self-evident.

[Martin Ische]

Martin Ische

#283442

No idea if the support forum is suitable for feature requests.
But it would be a significant improvement if in a “row layout” the width of the columns could be entered manually via the properties.
The drag slider is now only available for less than 4 columns and also not for the table and mobile views.
With the manual input of the width for a column (in the properties for the row layout) this would be perfectly solvable.
The input can also be limited to certain values between 5% and 100% (in 5% steps). And the last value is automatically completed to 100%. That probably makes the implementation easier.

Otherwise, thanks for this perfect PlugIn and especially for the continuous development, that is not self-evident.

[architabasandrai]

architabasandrai

#283232

Hi There,

Put the logo in the center column of your header row, and the Primary and Secondary Navigation widgets in the adjacent columns. However, you need to make sure that the Primary and Secondary navigation has the same number of menu items.

Here are links about the Kadence theme header customization:

• https://www.kadencewp.com/kadence-theme/knowledge-base/header/how-to-customize-the-kadence-header/
• Screencast of an example – https://share.getcloudapp.com/YEuekXo8

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

Kind regards,
Archita