Search Results for 'COLUMNS'

[Pawel]

Pawel

#263075

Hi,

I have a problem to set the 2 columns view in tablet mode for the product list. There are currently 3 columns in the view. How can I set it?

Thanks in advance.

[Pawel]

Pawel

#263075

Hi,

I have a problem to set the 2 columns view in tablet mode for the product list. There are currently 3 columns in the view. How can I set it?

Thanks in advance.

[alex]

alex

#262847

Hi could tell me what to do to make it so that the text block in these three columns line up horizontally, and also the datasheet buttons.

*Login to see link

I achieved it by putting the buttons and text into their own rows but then the blocks get seperated on mobile because of the way it collapses.

[alex]

alex

#262847

Hi could tell me what to do to make it so that the text block in these three columns line up horizontally, and also the datasheet buttons.

*Login to see link

I achieved it by putting the buttons and text into their own rows but then the blocks get seperated on mobile because of the way it collapses.

[Hannah]

Hannah

#262688

Hey Martijn,
I actually would recommend using a shortcode like this: [portfolio_posts orderby=date style="pgrid" columns=3 items=6 ratio="square" lightbox=true showtypes=true]
Let me know how that works for you!

Kindly,
Hannah

[arukiyomi]

arukiyomi

#262654

I’ve figured it out myself. It seems that when you insert a kadence row layout block of, say, six columns and then insert images into those six placeholders, you need to add another row layout block underneath to carry on. What you don’t want to do is add to that row by creating another row under it using the + block icons that appear under your objects.

This is unintuitive because you would think that inserting within the Kadence row layout block would simply create another row. It doesn’t.

I’ve not explained this very well so here are some pics:

DON’T CLICK THESE + ICONS IF YOU WANT YOUR ROWS TO WRAP PROPERLY

DO click on the three more options buttons to get the flyout menu from the block toolbar. Then choose Insert block after (CTRL+ALT+Y) and then click the + circled green below:

[Kamron Nelson]

Kamron Nelson

#262594

Hello, any updates on this? currently running Kadence theme with WP Rocket and BG images of columns are not lazy loaded.

[Inga]

Inga

#262578

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#262557

Hey,

1. Need a when german words are involved add this css function… 🙂

I’m gonna update the css in the next update.

2. Probably a feature that will wait until the Gutenberg header builder is ready.

3. The way the header is wrapped this isn’t an option from a code standpoint. I’ll have to consider… you could just as easily say top row and bottom row is a missing option. In the end for a really custom sticky header it’s probably better to use an element.

4. Not sure I understand that, changing user expectations doesn’t totally make sense but it’s a simple enough request I can certainly put it on the list.

5. You must enable this setting: https://share.getcloudapp.com/12uKYlWZ

6. That comes from the core css: https://github.com/woocommerce/woocommerce/blob/ab4a46e32e338cbf33094ab26144744a021a21a9/assets/css/woocommerce.scss#L1323

It seems like more of an issue with your plugin adding a common class “description” inside of the woocommerce-input-wrapper class.

What plugin is this you are using to add? have you talked with them?

7. You wrote: “Imho it should be possible to choose a layout with one column on desktop too. It looks squashed.”

I’m not sure I agree this should be an option I certainly don’t think it looks squashed, perhaps you are changing the output with a plugin. Can you send me a screen shot of what you are seeing?

You can remove the two columns in the checkout with css like this:

.site form.checkout #customer_details, .site form.checkout #order_review, .site form.checkout #order_review_heading {
    padding-right: 0;
    float: none;
    width: 100%;
    padding-left: 0;
}

8. You wrote: “And the product thumbnails in the cart should be visible on mobile. I don‘t know why woocommerce hide them on mobile?! That‘s a strange decision”

I agree, it was inherited from some woocommerce core styling, storefront theme use to do the same. But I think this should change and will in the next update.

It’s worth noting that once woocommerce core officially releases the cart block for production use the layout gets a lot better.

[Åsa]

Åsa

#262448

Hi!
On a web page I use [blog_grid orderby=date items=3 columns=3 cat=utstallningar] to show three posts in a ros. But for some reason it looks like this: *Login to see link
The header shows up differently on the three posts. I need to control them and want the header to be displayed on the same distance. I have child theme to the latest version of Virtue theme.
Custom css:
.kt-intrinsic img.kt-image-intrinsic {
max-width: auto;
height: 400px;
}

Looking forward to your excellent support,
//Åsa

[Åsa]

Åsa

#262448

Hi!
On a web page I use [blog_grid orderby=date items=3 columns=3 cat=utstallningar] to show three posts in a ros. But for some reason it looks like this: *Login to see link
The header shows up differently on the three posts. I need to control them and want the header to be displayed on the same distance. I have child theme to the latest version of Virtue theme.
Custom css:
.kt-intrinsic img.kt-image-intrinsic {
max-width: auto;
height: 400px;
}

Looking forward to your excellent support,
//Åsa

[Lillian]

Lillian

#262374

Hi There,
We are using Kadence Pricing Tables and I am trying to create a table your “Comparison with Kadence Membership” table at the bottom of this page – *Login to see link That table does not have a payment button in the first column. I can find no way to remove the button in a single column… only a way to remove the buttons from all columns.

How do I remove the payment button from the first column?

[Lillian]

Lillian

#262374

Hi There,
We are using Kadence Pricing Tables and I am trying to create a table your “Comparison with Kadence Membership” table at the bottom of this page – *Login to see link That table does not have a payment button in the first column. I can find no way to remove the button in a single column… only a way to remove the buttons from all columns.

How do I remove the payment button from the first column?

[Karla]

Karla

#262354

Hello,

Thanks for reaching out.

As you can see on the option note, NOTE: This sets the columns for standard screen size. May be more on larger screens and less on smaller screens.. If you want to show it as three columns even for larger screens, you can add this custom CSS code in Theme Options > Custom CSS:

@media (min-width: 1500px) {
 .products .product {
    width: 33.33%!important;
 }
}

Please note that you have posted this topic under “Virtue theme” while you were referring to the Ascend theme.

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

Kind Regards,
Karla

[Hannah]

Hannah

#262267

Strange… If you’re using the block editor and Kadence Blocks you can use the Testimonial Block. https://www.kadenceblocks.com/testimonial-block/
Or you can use the Virtue Testimonial Carousel Widget.
Or, you can use a shortcode like this: [testimonial_posts orderby=date items=4 columns=4 cat=feedback wordcount=30]
Lots of options:) Let me know if you have any other questions!

Kindly,
Hannah

[Karla]

Karla

#262163

Hello Carissa,

Thank you for reaching out to us.

The Post Grid/Carousel block’s Layout Settings allow you to set how many columns you want to show for different screen sizes. To set that up, expand the Layout Settings tab on this block’s settings, click the Individual link beside the Grid columns, and assign the number of columns per screen size. Here’s a screen recording for your reference – https://share.getcloudapp.com/Z4uqGBXK.

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

Regards,
Karla

[BG Anders]

BG Anders

#261788

I need that start page asap, so I tested a lot:
– moving a “missing” row above the blue testimonial row does the trick – it shows again.
– switching the testimonial block from carousel to grid, also does the trick
– as before switching animation on the two row-columns off also works but it’s not desired.

My conclusion: conflicting testimonial carousel <-> Animate on scroll

Duplicated the page to /start-x so I don’t mess the start page. There you can see the 2 missing rows.

Help.

[BG Anders]

BG Anders

#261742

Hi Ben,

that’s why I stick with you since 2014 and that’s why I bought everything you ever offered :)) I hope you won’t change this fabulous support, ever.
You also challenged me many times to upgrade my CSS skills. Thank you for that. I now learned about grid columns and could also find on my own why your CSS didn’t work. 2 x 10x

The two column accordion was a client request, so… you know how that goes.

NEW: I just updated everything to the latest version and run into some issues: two rows missing!
If you can take a look (2/3 down on homepage), it’s two rows that have animations on the columns. Changed animations, without improvement. The content shows again only if I disable animation.

Also on reload, the testimonials above show for half a second on one column. There is clearly some error on that page, but I couldn’t find it.

Thank you for your time.

[Ben Ritner]

Ben Ritner

#261706

Hey,
I’m not sure why you would want to close the accordion on the left column when an accordion on the right was opened. To me that seems like it would be confusing. Regardless if that is what you want you can achieve this with just a little css, although in your backend it will all appear as one column.

If you add a custom class to the accordion for example custom-class-for-two-column.

Then you can use css like this:

@media (max-width: 767px) {
.wp-block-kadence-accordion.custom-class-for-two-column .kt-accordion-wrap .kt-accordion-inner-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:30px
}
}

Ben

[Hannah]

Hannah

#261653

Hey Phil,
Try adding this to your custom css:

@media (min-width: 992px) {
.kt-post-grid-wrap[data-columns-xl="8"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}

How does that work for you?

Kindly,
Hannah

[Dave]

Dave

#261629

This reply has been marked as private.

[Sloa]

Sloa

#261606

Sorry if that’s putting dilemma on you.

I do not have this online, just on the localhost. So, here’s the screenshot:

image

See how it’s putting the content down by that margin in that popup.

In regular content that wouldn’t be a problem, but in this popup it makes the trouble.

Certainly, it isn’t a big deal. Still, consider my proposition once more time. To me it makes sense, everything stays intact in regular content, i.e. until the class is set in the block:

.wp-block-columns:not(.skip-style) {
    margin-bottom: 0;
    margin-top: 2rem;
}

Thanks!

• This reply was modified 5 years, 4 months ago by Sloa.
• This reply was modified 5 years, 4 months ago by Sloa.

[Sloa]

Sloa

#261517

Hi Ben,

I understand your point and I do not have issues when the styling is applied in regular content. Instead, the problem is when it’s used outside of it.
So, I have a custom popups and after adding the mentioned element there, I get the undesired spacing.

I’m not sure, is it adoptable to you, adding an exclusion class, e.g. “skip-style”. So, columns would be styled:

.wp-block-columns:not(.skip-style) {
    margin-bottom: 0;
    margin-top: 2rem;
}

Then, adding the class would bypass the styling for the particular block.

Thanks!

[Lyle Chamney]

Lyle Chamney

#261491

Hi Hannah,

Here is the screenshot you requested from my WP plugin repo forum post.

Cheers!
Lyle

• This topic was modified 5 years, 4 months ago by Lyle Chamney.

[Lyle Chamney]

Lyle Chamney

#261491

Hi Hannah,

Here is the screenshot you requested from my WP plugin repo forum post.

Cheers!
Lyle

• This topic was modified 5 years, 4 months ago by Lyle Chamney.