Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#254041

Here is the css:

@media screen and (max-width: 576px) {
.woocommerce ul.products {
	grid-template-columns: repeat(2, minmax(0, 1fr) );
	column-gap: 0.5rem;
	grid-row-gap: 0.5rem;
	}
}

Ben

[Ben Ritner]

Ben Ritner

#254025

Seems like that link expired. two columns will require css so if you can get me the link I can understand better how you have things setup.

Ben

[Herbert Gieg]

Herbert Gieg

#253913

No problem, Ben.

In fact, two columns is all I want.

Here is the link: shorturl.at/dlpz3

But you don’t have to worry about developing code especially for this situation. I can wait patiently for the next version of the theme.

[Herbert Gieg]

Herbert Gieg

#253880

Hello,

I am trying to remove Elementor from my website and work exclusively with Gutenberg blocks.

When I use the standard Woocommerce block to select products by category, the styles of the theme are lost, including that beautiful effect of raising the buy button, in addition to showing only one column on the mobile.

When I use a shortcode, the styles remain, but there is also only one column in the mobile.

On standard Woocommerce pages, everything works correctly.

Was that a bug? Or am I not setting up correctly somehow?

Thank you.

[Herbert Gieg]

Herbert Gieg

#253880

Hello,

I am trying to remove Elementor from my website and work exclusively with Gutenberg blocks.

When I use the standard Woocommerce block to select products by category, the styles of the theme are lost, including that beautiful effect of raising the buy button, in addition to showing only one column on the mobile.

When I use a shortcode, the styles remain, but there is also only one column in the mobile.

On standard Woocommerce pages, everything works correctly.

Was that a bug? Or am I not setting up correctly somehow?

Thank you.

[Hannah]

Hannah

#253828

Have you cleared your cache after setting the columns to 5? Make are you do that. Let me know if the issue remains.

Hannah

[Antar Howarth]

Antar Howarth

#253798

I am still exploring the possibilities offered by Kadence as a Woocommerce theme and so far I am very impressed. However I am still having a few minor issues and I am disapointed that (in one respect) Kadence still hasn’t cracked the archive layout.

1) How can I make the elements of an archive product layout the same height? It’s a familar story. Most layouts have the same elements:

Product Pic
Title
Price
Add to Cart Button

The trouble is if the Title wraps on to a second line then all the other elements get pushed down. This can lead to uneven columns – which is unsightly.

I had hoped that the Elementor “Product Archive Loop” editor would provide a way of fixing this issue – but so far no luck. Ideally it would look better if the button sat at the bottom of the parent container.

2) In Woo Extras there is an option to change the Add to Cart button text. This is very useful – but it does not include an option to change the text for product Bundles.

Also it would useful if it included a option to change the arrow icon used on the button. I would actually prefer a “+” symbol!

These are just a couple of observations.

Antar

[Antar Howarth]

Antar Howarth

#253798

I am still exploring the possibilities offered by Kadence as a Woocommerce theme and so far I am very impressed. However I am still having a few minor issues and I am disapointed that (in one respect) Kadence still hasn’t cracked the archive layout.

1) How can I make the elements of an archive product layout the same height? It’s a familar story. Most layouts have the same elements:

Product Pic
Title
Price
Add to Cart Button

The trouble is if the Title wraps on to a second line then all the other elements get pushed down. This can lead to uneven columns – which is unsightly.

I had hoped that the Elementor “Product Archive Loop” editor would provide a way of fixing this issue – but so far no luck. Ideally it would look better if the button sat at the bottom of the parent container.

2) In Woo Extras there is an option to change the Add to Cart button text. This is very useful – but it does not include an option to change the text for product Bundles.

Also it would useful if it included a option to change the arrow icon used on the button. I would actually prefer a “+” symbol!

These are just a couple of observations.

Antar

[Michael]

Michael

#253770

This example is with the columns background, but the row background works fine. The same thing happens in random places throughout the other blocks too. I can manually type the hex values in, but it’s nice to be able to click and have them entered automatically.

[Sherif]

Sherif

#253762

Hi,

When I add some padding for the column inside the editor it looks fine, but not on the live page.

Any idea about the reason?

Here are the images:

URL: *Login to see link

[Sherif]

Sherif

#253762

Hi,

When I add some padding for the column inside the editor it looks fine, but not on the live page.

Any idea about the reason?

Here are the images:

URL: *Login to see link

[John]

John

#253748

In the theme settings I have the “Shop Product Column Layout” set to 5 columns. It displays fine while I am logged into WordPress but when I log out or look at it on a different device it only shows a single column.

Any advice on how to get the shop columns to display properly?

Thanks

• This topic was modified 5 years, 8 months ago by John.

[John]

John

#253748

In the theme settings I have the “Shop Product Column Layout” set to 5 columns. It displays fine while I am logged into WordPress but when I log out or look at it on a different device it only shows a single column.

Any advice on how to get the shop columns to display properly?

Thanks

• This topic was modified 5 years, 8 months ago by John.

[Kevin Heslin]

Kevin Heslin

#253569

Hi! My main menu, one of the options has a dropdown list when it is clicked, and this works great for the navigation bar up above. But when I put the same menu as a widget into one of the columns in my footer area (not the very bottom footer area menu line), it shows all the options in the same vertical line as the other menu items and takes up too much vertical space. Is there anyway to have a + sign or something where when it is clicked the other options show, but if not they don’t show or take up space? Thanks!

[Kevin Heslin]

Kevin Heslin

#253569

Hi! My main menu, one of the options has a dropdown list when it is clicked, and this works great for the navigation bar up above. But when I put the same menu as a widget into one of the columns in my footer area (not the very bottom footer area menu line), it shows all the options in the same vertical line as the other menu items and takes up too much vertical space. Is there anyway to have a + sign or something where when it is clicked the other options show, but if not they don’t show or take up space? Thanks!

[Hannah]

Hannah

#253540

If you’re using the testimonials block you would need to manually add your testimonials into the block itself. If you want the testimonials to pull from the theme testimonial feature you can use a shortcode like this: [carousel type=testimonial orderby=date columns=4 items=8 speed=9000 scroll=all] Just paste that into a shortcode block. Does this make sense?

Hannah

[Grace]

Grace

#253430

1. Okay, it was a matter of turning it on in the Classic Editor plugin – which I didn’t expect it to be in there. I now see the options everywhere….

2. I am trying to use the shortcode for the testimonial plugin in the shortcode block, but I can’t seem to get it right. It is coming up blank. [carousel type=”testimonial” orderby=”date” columns=”4″ items=”8″ speed=”9000″ scroll=”all” cat=”general”]

5. Still haven’t found where to change the link colours for the footer…..

6. If you have a two-column block with an image on one side and text on the other, how do you center the image VERTICALLY according to the height of the text?

Many thanks!

[Ben Ritner]

Ben Ritner

#253304

Hey, This can be done with a filter in a code snippets plugin: https://wordpress.org/plugins/code-snippets/

You would add

add_filter( 'kadence_carousel_columns', 'change_carousel_column_output', 10, 3 );
function change_carousel_column_output( $cc, $columns, $sidebar ) {
$cc['ss'] = 1;
return $cc;
}

Ben

[info794]

info794

#253300

Hello,

please see this link from mobile: *Login to see link

The related products are glitched, i need of have only 1 column for related products.

Can you give me the right CSS?

Thank and best regards

[info794]

info794

#253300

Hello,

please see this link from mobile: *Login to see link

The related products are glitched, i need of have only 1 column for related products.

Can you give me the right CSS?

Thank and best regards

[Ben Ritner]

Ben Ritner

#253227

Hmm this is a little more tricky with site origin.

I think your going to have to add a class in the attributes section, lets call it “custom-mobile-two-columns”

And then in your theme options > custom css you can add this css:

@media (max-width: 767px) {
.custom-mobile-two-columns {
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
.custom-mobile-two-columns .panel-grid-cell {
    width: calc(50% - 15px ) !important;
}
}

Ben

[Ben Ritner]

Ben Ritner

#253225

It appears that you’ve set the mobile slider to max width 600px. Can you change that in the slider settings?

In fact it’s probably best if you can send me a login so I can see all your settings before giving you a bunch of css to change the buttons from two rows to a columns and one row.

Ben

[Hannah]

Hannah

#253211

Hi Bre,
Have you tried using the Blog Grid page template? That provides an option to set the number of columns to two. http://docs.kadencethemes.com/virtue-premium/templates/blog-grid-template/
Hope that helps!

Hannah

[Hannah]

Hannah

#253202

Sorry for the delay, Grace! And sorry for your trouble. I would be happy to help!
You do not need to deactivate the classic editor in order to use Kadence Blocks. You should see an option when creating a new page/post to select the editor you want to use. Do you see that?
As for creating the homepage you’re wanting using Kadence Blocks, you can create a slider (or a static image) using the Row Layout block. Set background for the block (that’s your “slider” image) and then add whatever content you want on top and adjust the padding/margins to get the effect you want. https://www.kadenceblocks.com/row-layout-block/
The icon menu can be created using the info box blocks. Again, add a Row Layout blocks and select the number of columns you want, then add info box blocks to each column. https://www.kadenceblocks.com/info-box-block/
For testimonials, you can use the Kadence Testimonials block. https://www.kadenceblocks.com/testimonial-block/
For the latest posts you can use the Post grid/carousel block. http://themes.kadencethemes.com/ascend-premium-10/post-grid-carousel/
I hope this is helpful! Let me know how to best steer you forward.

Hannah

[aswatkins]

aswatkins

#253184

Hi, can you confirm if it is possible to have kadence images in columns of 2 in mobile mode?

Thank you

[Hannah]

Hannah

#253149

Hi Adrian,
See this post: https://www.kadencewp.com/knowledge-base/two-product-columns-in-mobile/
Let me know if you have further questions!

Best,
Hannah