Search Results for 'COLUMNS'

[Dane]

Dane

#280263

Hi Jeff,

Thank you for reaching out to us and apologies for the delayed response.

I’ve tried to insert the Image Feature 1 section and these sections are made with Info box blocks. You can make the columns to have equal heights by following this screen recording. Here, please watch: https://share.getcloudapp.com/5zuPALQ8

And this is the custom CSS code that I added:

.info-boxes-row .wp-block-kadence-infobox, .info-boxes-row .wp-block-kadence-infobox > * { height: 100%; }

You can add the custom CSS code by going to Appearance > Customize > Additional CSS.

Hope this helps!

Should you need further assistance, please let us know, and we’re always here to help!

Cheers,
Dane

[rupa.amna]

rupa.amna

#280180

Hi Hannah,

Yes I have the Kadence bundle..
I am able to add the 3 columns layout etc..

But if you check the header menu of the site I’m referring to..when you hover on the links, the content on the right most section changes accordingly.

I’m looking to build a menu like that..

[rupa.amna]

rupa.amna

#280159

Hi Karla,
Thank you! I was able to change the columns to 2. Please close the topic.

[Karla]

Karla

#280138

Hi, Rupa.

I apologize for the delay in getting back to you.

Upon inspecting, I can see the grid has a CSS class that pertains to the woof’s shortcode output – https://share.getcloudapp.com/BluWO7mJ. Just to confirm, is there any option within the WOOF settings to set the grid columns? Kindly double-check and see if you can decrease it to 2.

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

Kind regards,
Karla

[rupa.amna]

rupa.amna

#280111

hi
I have set the category layout to be a 2 column grid for products. Ajax is turned on the woof filter.
Now when I make selections in the filter, the category page layout changes to 4 columns grid. When I reload the shop page, it changes back to 2 column grid.
Also when zero active selections(after unselecting everything), the layout is back to 2 columns.

When no ajax, then the category layout remains unchanged and is 2 columns.

Please help with this. I’m attaching the shop link in my next message

[rupa.amna]

rupa.amna

#280111

hi
I have set the category layout to be a 2 column grid for products. Ajax is turned on the woof filter.
Now when I make selections in the filter, the category page layout changes to 4 columns grid. When I reload the shop page, it changes back to 2 column grid.
Also when zero active selections(after unselecting everything), the layout is back to 2 columns.

When no ajax, then the category layout remains unchanged and is 2 columns.

Please help with this. I’m attaching the shop link in my next message

[phillip.crane]

phillip.crane

#280106

This reply has been marked as private.

[Karla]

Karla

#280070

Hi, Safir!

Thanks for reaching out to us.

Here’s what I can recommend in order to recreate the footer you want:

1. Add a background image for the whole footer by going to Customizer > Footer > Design tab.
2. Set each footer rows’ background colors to transparent.
3. Set multiple columns for a footer row.
4. Add widget areas for each column to add Navigation Menu widget.

Here’s a screen recording of how I did it – https://share.getcloudapp.com/DOurvZxK.

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

Regards,
Karla

[Eric]

Eric

#279781

Hey guys,

I created an opt-in form using the Horizontal Flex Align Settings in a Section.

The problem is that I cannot find a way to modify the width of each “column” (the horizontal sections created by the flex alignment). This results in my email field being too narrow:

Is there a way to control the width of these horizontal sections, as we would with the Row Block columns?

Thank you

[Eric]

Eric

#279781

Hey guys,

I created an opt-in form using the Horizontal Flex Align Settings in a Section.

The problem is that I cannot find a way to modify the width of each “column” (the horizontal sections created by the flex alignment). This results in my email field being too narrow:

Is there a way to control the width of these horizontal sections, as we would with the Row Block columns?

Thank you

[Dane]

Dane

#274279

Hi Zach,

Thanks for your reply.

I’ve checked on my mobile device and I can see that the icon list block (2 columns) are centered in mobile. Here, please have a look: https://share.getcloudapp.com/12uLmBbr

​Have you tried to clear the cache? If not, I recommend you to do so. To know more about clearing the cache, please refer to our guide here: https://www.kadencewp.com/kadence-theme/knowledge-base/troubleshooting/clearing-your-website-cache/

As for what Hanna mentioned about CSS, you can add a Custom CSS code by going to Appearance > Customize > Additional CSS. But for now, please try clearing the cache first.

If the issue still persists, please send us the URL of the site so we can inspect further. You can send the URL privately by ticking the Set as private reply option when you submit your reply.

Cheers,
Dane

[SJNBham]

SJNBham

#274097

Thanks for the suggestion, Karla. I think that code doesn’t account for when the title wraps to two lines.

Here’s what we came up with so far by adding a custom class to the Info Box blocks, using a Row Layout block to nest them in, and setting the row layout Structure Settings > Inner Column Height 100% to on. We also have the three columns collapse to a single column at 1028px screen size so the learn more button placement doesn’t matter to us on small screens. Also adding enough padding to the Row Layout was important to provide room for the Lean Morn buttons (the links weren’t lining up with the buttons without this). Might need some cleanup:

div.mycustomclass .kt-blocks-info-box-media-container   {
	height:192px;
}

@media (min-width: 1028px) {
	
div.mycustomclass .wp-block-kadence-infobox  {
	height:calc(100% + 150px);
}	
div.mycustomclass .kt-blocks-info-box-link-wrap  {
	height:calc(100% + 150px);
	display:block;
}
	
	
div.mycustomclass .kt-infobox-textcontent  {
	height:100%;
	
}
div.mycustomclass	.kt-blocks-info-box-learnmore-wrap  {position:absolute;
bottom: 0px;
	
	}
}

div.mycustomclass .wp-block-kadence-image img, div.mycustomclass img.kt-info-box-image  {
	width:100%;
	height:192px !important;
	object-fit:cover;

	
}

div.mycustomclass .kt-blocks-info-box-media  {
	
	height:192px !important;
	
}

[Dane]

Dane

#274040

Hi Phil,

Thank you for reaching out to us and for sending the screenshot of the issue.

I’ve tried to replicate the issue on my test site, but I’m unable to. Here, please check: https://share.getcloudapp.com/NQul4RoW
As you can see, I used the same value in the Testimonial Items, Columns and Column Gap but I didn’t experience any issue.

Have you tried to clear the cache? Some issues on the site especially display issue can be solved by clearing the cache. Here’s a guide on how to do it: https://www.kadencewp.com/kadence-theme/knowledge-base/troubleshooting/clearing-your-website-cache/

If the issue still persists, can you please send the URL of the site that you’re working on by replying to this thread privately? You can tick the “Set as private reply” option before sending.

Cheers,
Dane

[Karla]

Karla

#273977

Hi, Richard!

Apologies for the delay in getting back to you.

If you’re using the “Above Content” title section of the theme, that should remain fulllwidth, at the top of the content and sidebar columns. Here’s a screen recording for your reference – https://share.getcloudapp.com/ApuXJ2z1.

I tried viewing this page(https://healthlocal.org/community/) to see the “full-width header image” you’re referring to but it seems to not exist anymore – https://share.getcloudapp.com/Z4uA78Kn. For us to better assist you, could you give us the correct page URL?

Kind Regards,
Karla

[Dane]

Dane

#273902

Hi Jeremy,

Thank you for reaching out to us and for sending the URL of the site that you’re working on.

Have you tried to adjust the column settings individually? If not, here’s how: https://share.getcloudapp.com/Wnu7kDng
As you can see, I entered 1 column for screen size between 768px – 991px and you can also adjust the number of columns you prefer to other screen sizes. In my case, I added 1 column and that applies to Screen 768px – 991px and Screen Below 543px.

Please try this on your end and let us know if you need further assistance, and we’re always here to help!

Note: In case you’ll be sending a screenshot, you have the option to send it privately by ticking “Set as private reply” on this thread.

Cheers,
Dane

• This reply was modified 3 years, 9 months ago by Dane. Reason: need to add a tag

[Jeremy]

Jeremy

#273894

Hello,

I am using the product carousel block and I would prefer on mobile for it to show just one column at a time instead of two. Is there a way to make that happen?

Thanks

Jeremy

[Jeremy]

Jeremy

#273894

Hello,

I am using the product carousel block and I would prefer on mobile for it to show just one column at a time instead of two. Is there a way to make that happen?

Thanks

Jeremy

[brunocanada1969]

brunocanada1969

#273751

When I build a theme, I have to constantly adjust the top and bottom margin and paddings manually, there MUST be a way to do this globally?

I searched on Google and can’t find the setting!

[brunocanada1969]

brunocanada1969

#273751

When I build a theme, I have to constantly adjust the top and bottom margin and paddings manually, there MUST be a way to do this globally?

I searched on Google and can’t find the setting!

[Patrick]

Patrick

#273558

Hi Karla!

Please apologize my belated reply.

The URL is sicht28.de and in the meantime I deleted all files from the server and reinstalled WordPress (with a new database) and my plugins. The problem unfortunately remains the same: my submenu collapses (or disappears) when it is folded out and the mouse passes a menu item that is below the first block on the page when this first block is a row block.

You can perfectly see this on the home page (full width row block with a background image) and the blog page (full width row block with a basic text, also the submenu appears to be transparent here). On the contact page, however, I used WordPress’ “group”-block as a first block to have a text and contact form displayed and on this page the submenu works fine.

Currently I only have the Kadence Blocks and Kadence Blocks Pro plugins installed plus the contact form 7-plugin (of course I checked if the issue could be solved without the contact form-plugin and it doesn’t make any difference).

Originally I had the Tove theme installed, right now it’s the standard 2022-theme by WordPress to make sure the issue isn’t related to the specific theme.

The header consists of a group blog and two columns, I also tried a row block for the header with the same outcome.

In my previous installation I tried playing around with the z-index hoping I could overrun the issue which didn’t work. In my current installation I did not change any z-index.

If you need a log in for the page to cross check anything just let me know.

Kind regards from rather cloudy Bremen, Germany

Patrick

[Karla]

Karla

#273401

Hi there!

Apologies for the delay in getting back to you.

A WordPress archive page is basically the listing page of all posts for your website. Typically, posts will be shown in a grid layout.

If you’re using the Kadence Theme, the customization options can be seen by going to Customizer > Posts/Pages Layout > Archive Layout. You are correct, the widths of each “post item” can be adjusted by increasing/decreasing the number of columns per row.

Is all the page building with the Kadence theme done entirely through the theme and Kadence Blocks tools? Or when I go to Appearance/Customize am I looking at a facet of the Gutenberg Editor?

All page/post content will be done by editing them and using the WordPress block editor called Gutenberg. Our Kadence Blocks plugin provides additional blocks that you can use within the editor.

The Customizer options are more of the general style/layout options, there’s not much content editing that can be done there. For your reference regarding the Kadence Theme and Kadence Blocks plugin, you can go to the following links:

• https://www.kadencewp.com/kadence-blocks/documentation/
• https://www.kadencewp.com/kadence-theme/knowledge-base/

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

Regards,
Karla

[Ben Ritner]

Ben Ritner

#273384

Hi Ben!

Thanks for your input and suggestions! I’m going to number things so it’s easy to reference with follow up.

single product template

1. Before and after short description hook dosn’t work. (I assume you mean for the size chart placement? or is this for something else?)

2. Top and Bottom spacing if boxed layout – this was fixed in 2.0.1

3. style only boxed content – That is interesting, it’s so easy to accomplish with one-row layout block I don’t know that will be something I add but thanks for suggesting it, I’m going to think about it.

4. [shop_messages] block is missing – I’ve been thinking on this, I don’t think I want to add a block for this, most will miss it, I think I’ll add some options inside the admin panel for how messages should be handled on these templates, I’m already looking at a global option for shop messages to appear as a slide in and not inline.

5. gallery arrows always visible – This should be fixed, at least I can’t recreate that.

6. Gallery arrow shadow – Good eye, I’ll fix that.

7. gallery cls – This should be improved in 2.0.1 – in my testing, I’m not showing any issues.

8. dont load lightbox if gallery isnt present – This is a good tweak I can look at adding if a template is controlling the product page.

9. option to disable the lightbox – This is planned 🙂

10. center thumbnails and set spacing – This is really tricky to do because of how the sizes have to be calculated. I’ll look into it.

11. unload default woocommerce gallery js and CSS – this was added in 2.0.1

12. option to set upsell columns – thanks, noted.

product catalog loop item

13. Add more placement options – I think I’m going to change this a little bit for better control, it’s on my tweak list.

14. product title font style – this should be resolved, still seeing this?

variation swatches

15. Option to set border color and border width – Thanks, will add.

checkout editor

16. Option to style extra fields in emails or give them their own class – What do you want to be able to change?

Woo Templates Dashboard

17. User settings Visible To: – Thanks, will fix.

Rahul Singh
Thanks this is noted, will be fixed in 2.0.2

Azur Avdic

1&2 – As of 2.0.1 (released last week) blocks that can’t be output in an archive do not show a preview, instead there is a placeholder saying these can’t be output.

3. I’m working through to find areas where styling in the block can be overridden by the theme. Some CSS specificity can be tricky when thinking through the different ways themes style things but with 2.0.1 I updated a lot of this.

4. If you are using a template to control the product and not having the theme control the products then pretty much most of the theme settings won’t’ work because they are not in control. The general goal is that if you are templating then everything gets controlled in the template, not the customizer.

Louie

Thanks for your honest take. Please send me your “fatal” errors. That would be incredibly helpful. As of right now I’m not aware of any fatal errors in 2.0.1 The only errors from 2.0.0 had to do with a conflict with another plugin.

Ben

[wrb953]

wrb953

#273342

This is the site I posted about: https://liam-barnes.com/ I got the width to change on this site by by going to Appearance/Kadence/page layout (customize)/page layout/blog post/archive layout and changing the “Post Archive Columns” from 3 to one, but it would be nice if I could find a way to change the width of the posts in another way. But I’m a newbie to WP and Kadence, and I get the impression that blog posts aren’t handled by WP the same as text and paragraphs and other items (like why is the only post on the posts page an “archive” item; I thought archive only applied to the older posts that don’t show up on the posts page). If there’s step by step documentation for Kadence Theme and Kadence Blocks, that shows what all the various functions do I will dig in right away. The ‘post archive columns’ was kinda self explanatory, but it’s been so long since I made a web site (with Drupal, 2009) that I’m lost. But Kadence and Kadence Blocks is less confusing that Gutenberg (Editor Beta) all by itself. And at this point, I don’t even know where Kadence ends and Gutenberg begins; is all the page building with the Kadence theme done entirely through the theme and Kadence Blocks tools? Or when I go to Appearance/Customize am I looking at a facet of the Gutenberg Editor? It’s still all confusing to me.

This is one of the other two sites I’m working on: https://damonlocke.com/ Unless I find another solution, I’ll go ahead and change the ‘post archive columns’ on them to one column as well. I suppose I’ll get there eventually with enough experimenting and practice, I just want to have more granular control and editing of my page elements.

[wrb953]

wrb953

#273323

WP and Kadence newbie here. I have Kadence Blocks plugin and Kadence theme. The WordPress settings are to show 10 posts on the post page (I assume older than 10 are archived). The Post page shows the individual posts as if it were in 3 columns, each post very narrow. It’s definitely Kadence causing this: when I switch to the Twenty Twenty-Two theme, the posts are the full width of the page. I have changed settings in the editor to one column on the page in the Kadence theme, doesn’t help. The WP Reading settings for posts is to show 10 posts per page, and Full text (not Excerpt). I have managed to get the posts to full width by changing the “Post Archive Columns” from 3 to one. But it seems to me that there should be a better way to handle standard WP posts I create with a lot more options for formatting when I first create them. Should I be wrapping my post text and paragraphs in a container or group or other block type thingy?

• This topic was modified 3 years, 10 months ago by wrb953. Reason: turned on email notifications

[wrb953]

wrb953

#273323

WP and Kadence newbie here. I have Kadence Blocks plugin and Kadence theme. The WordPress settings are to show 10 posts on the post page (I assume older than 10 are archived). The Post page shows the individual posts as if it were in 3 columns, each post very narrow. It’s definitely Kadence causing this: when I switch to the Twenty Twenty-Two theme, the posts are the full width of the page. I have changed settings in the editor to one column on the page in the Kadence theme, doesn’t help. The WP Reading settings for posts is to show 10 posts per page, and Full text (not Excerpt). I have managed to get the posts to full width by changing the “Post Archive Columns” from 3 to one. But it seems to me that there should be a better way to handle standard WP posts I create with a lot more options for formatting when I first create them. Should I be wrapping my post text and paragraphs in a container or group or other block type thingy?

• This topic was modified 3 years, 10 months ago by wrb953. Reason: turned on email notifications