Search Results for 'COLUMNS'

[Hannah]

Hannah

#259456

Gotcha. OK I suggest using this plugin: https://wordpress.org/plugins/reusable-blocks-extended/
It allows you to build reusable blocks and add them to a widget area via shortcode. So you can create a row layout block with multiple rows and columns, then add them to a footer widget area. Just enable the fourth or fifth footer widget area from Theme Options > Footer then add the widget to footer column 1 from Appearance > Widgets.
Let me know if this works for you or if I can help further!

Best,
Hannah

[susannavaismaa]

susannavaismaa

#259431

Hi,

I resolved it by using the “HTML” widget in the home widget area. And adding the image as html link.

Do you have a reason why using the “Image” widget , the area was set in three columns, but when using HTML, only one.

Thanks! Anu

[Dave]

Dave

#259426

Hi,

Is there any option or method to display the post grid block with a fexible layout for responsive website nature?

For instance – I have put in a post grid with 4 columns and 6 items on a home page. On page load it looks ok. However if the user decides to reduce their browser window size, they end up with a mess – text running into other boxes, content below overlaying and the boxes aren’t stacking or wrapping.

thanks

[Dave]

Dave

#259426

Hi,

Is there any option or method to display the post grid block with a fexible layout for responsive website nature?

For instance – I have put in a post grid with 4 columns and 6 items on a home page. On page load it looks ok. However if the user decides to reduce their browser window size, they end up with a mess – text running into other boxes, content below overlaying and the boxes aren’t stacking or wrapping.

thanks

[Dave]

Dave

#259422

Hi,

I have a info bar area with 4 horizontal icons w/text. Is it possible to create this with one icon list with 4 columns or do I need to create a 4 column row layout and put a single icon list element in each one?

Thanks

[Dave]

Dave

#259422

Hi,

I have a info bar area with 4 horizontal icons w/text. Is it possible to create this with one icon list with 4 columns or do I need to create a 4 column row layout and put a single icon list element in each one?

Thanks

[susannavaismaa]

susannavaismaa

#259209

Hi,

I am trying to use Home widget area to add an image to my home page. It is now in three columns and I would like it to be just one. So that that image would be sitewide. Is that possible. My site is cool-x.fi. Or maybe some other way to get an image to home page?

-Anu

[susannavaismaa]

susannavaismaa

#259209

Hi,

I am trying to use Home widget area to add an image to my home page. It is now in three columns and I would like it to be just one. So that that image would be sitewide. Is that possible. My site is cool-x.fi. Or maybe some other way to get an image to home page?

-Anu

[phil2]

phil2

#259163

Hi, a client wants quite a complex footer containing about 4 rows of up to 4 columns (see image on next post). And including a form, a google map etc etc.
What would you recommend for putting this together?

Many thanks,
Phil.

[phil2]

phil2

#259163

Hi, a client wants quite a complex footer containing about 4 rows of up to 4 columns (see image on next post). And including a form, a google map etc etc.
What would you recommend for putting this together?

Many thanks,
Phil.

[Hannah]

Hannah

#259084

I’m not sure why this would be outputting as 5 columns with the shortcode you’re using. You can override with this css:

@media (min-width: 992px)
.kt-width-large .col-xl-25 {
    width: 25%;
}
}

Does that work for you?

Best,
Hannah

[Angelo Lazzari]

Angelo Lazzari

#258819

i mean, i want 4 columns …

[Angelo Lazzari]

Angelo Lazzari

#258818

Hi!

Here are firefox, opera, chrome and safari all on OSX Catalina 10.15.7… all with 5 columns and the second row quite strange…

FIREFOX

OPERA

CHROME

SAFARI

[Hannah]

Hannah

#258756

Hi Hakki,
Try changing the above css to this:

@media screen and (max-width: 575px) {
.site .wc-block-grid .wc-block-grid__products{
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
  .archive #archive-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wc-block-grid .wc-block-grid__products {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.grid-cols {
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}
}

How does that work for you?

Best,
Hannah

[Ben O’Leary]

Ben O’Leary

#258745

Aha, it’s not to do with Elements per-se – it’s to do with one of the masonry scripts. If it’s merged it doesn’t render correctly. I don’t have time to look in to this further, I’ll swap out to images and columns.

Might be worth looking at this though, could be specific to Elements, or the masonry implementation.

[Karla]

Karla

#258718

Hello Christine,

Thanks for reaching out to us.

If you’re using a Row Layout block, you can set the column settings for tablet and mobile views on the Block settings. Here’s a screen recording for your reference. Unfortunately, you cannot make the Desktop row layout to have two rows (3 columns – 3 columns).

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

Regards,
Karla

[Christine Anwander]

Christine Anwander

#258714

Hello,

i have 6 images and I want at the Desktop Version 3 Columns and 3 Columns, at the Tablet 2 Columns, 2 Columns, 2 Columns, at the Mobil 1 Columns …

is there a solution with css, to take at the Desktop Version 6 Columns an make with CSS 3 Columns?

Regards
Christine

[Christine Anwander]

Christine Anwander

#258714

Hello,

i have 6 images and I want at the Desktop Version 3 Columns and 3 Columns, at the Tablet 2 Columns, 2 Columns, 2 Columns, at the Mobil 1 Columns …

is there a solution with css, to take at the Desktop Version 6 Columns an make with CSS 3 Columns?

Regards
Christine

[Angelo Lazzari]

Angelo Lazzari

#258713

Hi, sorry to get back to you about this: we still have the problem, you can see there https://galenonatura.com, when you scroll down we user a WC shortcode like this: [products limit=”8″ columns=”4″] but it shows in a unexpected way.

We disabled all plugin except elementor and woocommerce, and all is working like that….

Thanks
Angelo

[jeremy9]

jeremy9

#258680

A method of reordering row columns would be useful for my clients. I thought I’d pass on the request. Thanks and keep up the amazing work!

[jeremy9]

jeremy9

#258680

A method of reordering row columns would be useful for my clients. I thought I’d pass on the request. Thanks and keep up the amazing work!

[Karla]

Karla

#258675

Hello Hakki,

Thanks for reaching out to us.

There is no built in option to set mobile shop columns and the default style is that columns will take the full width for mobile views, since it will look cramped on smaller devices if you have 2 or more columns per row.

If on the other hand, you still want to set 2 columns on mobile view for these pages, you can try to add custom CSS:

@media screen and (max-width: 575px) {
   .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
  .archive #archive-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

Hope this helps.

Best Regards,
Karla

[Susiyana]

Susiyana

#258670

This reply has been marked as private.

[Netzlichter]

Netzlichter

#258449

Hi there,

I love to use Animate on scroll. All is fine on Desktop. For example:

I have a row with 3 columns:

1. column: Animation Duration: 1000 / Start Delay: 0
2. column: Animation Duration: 1000 / Start Delay: 1000
3. column: Animation Duration: 1000 / Start Delay: 2000

I got a nice effect on desktop. one column loads after the other. Woohoo.

But on mobile I scroll through the site and when I enter the viewport of column 2 I have to wait 1 sec. and when I enter the viewport of column 3 I have to wait 2 sec….

Do you know a good approach on mobile to have nice animations too. Last option would be to deactivate animate on scroll on mobile :-/…

Big thanks in advance,
Tobias

[Netzlichter]

Netzlichter

#258449

Hi there,

I love to use Animate on scroll. All is fine on Desktop. For example:

I have a row with 3 columns:

1. column: Animation Duration: 1000 / Start Delay: 0
2. column: Animation Duration: 1000 / Start Delay: 1000
3. column: Animation Duration: 1000 / Start Delay: 2000

I got a nice effect on desktop. one column loads after the other. Woohoo.

But on mobile I scroll through the site and when I enter the viewport of column 2 I have to wait 1 sec. and when I enter the viewport of column 3 I have to wait 2 sec….

Do you know a good approach on mobile to have nice animations too. Last option would be to deactivate animate on scroll on mobile :-/…

Big thanks in advance,
Tobias

[Netzlichter]

Netzlichter

#258345

Hi there,

I have exactly the same issue like here:
*Login to see link

I added 1 row with 2 columns and in each column an icon box. I got a space under my element. How can I remove the space under my fixed element?

Big thank you!

[Netzlichter]

Netzlichter

#258345

Hi there,

I have exactly the same issue like here:
*Login to see link

I added 1 row with 2 columns and in each column an icon box. I got a space under my element. How can I remove the space under my fixed element?

Big thank you!

[Inga]

Inga

#258341

Hello Hannah,

Yes, I know that:) But my intention was to use split content block to be able to apply negative margin for picture over text block. Layout block with two columns accepts only positive margin values or maybe You know the way to change it to accept negative values?

Kind Regards,
Inga