Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#227291

Hey,
You can use a shortcode:

[blog_posts items="6" type="photo" columns="3" orderby="date"]

Ben

[cmjornalismo]

cmjornalismo

#227252

Thank you, Ben! That did it for the columns.

Since Elementor showed it as a grid while I was editing, I actually thought that the widget could load as a grid, which I prefer. So that’s why I chose not to show arrows, pagination or auto scroll, to kind of force it into a grid. Now I know that’s not possible, so I’ll see if I’ll use it as a Carousel indeed or if I’ll try something different. I want to show Latest Posts in a grid format, so maybe I’ll just enable the Latest Posts module at the Home Page Layout. It messes the layout I bit since I’ll have to choose if I want the module before or after the Page Content (the Carousel I can simply add wherever I want it), but it’s an option. If you have any other suggestion on how to add Latest Posts as a grid format inside the Page Content I’m building using Elementor, I’ll be glad to hear.

There’s one more thing, though. Both the Carousel widget and the Latest Posts module are not respecting the number of posts I choose to show. Take the Carousel, for example. I set it to show 6 itens, but when it’s published it shows all 12 posts. The same thing happens with the Latest Posts module. I’ve added it to the homepage to see how it would look like and set it to 3 columns, 6 posts, but it’s also showing all 12 posts. It seems every functionality regarding Latest Posts is having that problem. If I go to Theme Options – Home Page Header Content and choose the Post Carousel at the home page header settings, it also pulls every post instead of only the 4 I’ve set as Home Post Carousel max items.

Could you please take a look at what might be causing that?
Thanks a lot!

Carolina

[Ben Ritner]

Ben Ritner

#227207

Hey,
The columns within Ascend are set up to be responsive. The base is for standard desktop and laptop screens. If your sites max width is larger then 1140px (yours is, it’s set to 1440 theme options > layout) then the columns can increase just like they will decrease on smaller screens. This keeps your columns from getting unruly on really large screens.

There is a way to override this through right in the carousel settings if you scroll down to “Above 1500px screen width columns:” and “1200px – 1500px screen width columns:” you can set that to 3 columns and make it three for all larger screens.

In terms of showing all your content, while the widget is added or being edited it won’t’ load the carousel in Elementor, it falls back to a grid because the init carousel function runs on page load, so if you are in Elementor you can reload the page and it will load that carousel as a carousel, not a grid.

In your widget settings, you have said for the carousel to not show arrows, not show pagination and not auto scroll, effectively making it not function as a carousel.

You just need to turn on the arrows or the pagination or the auto scroll and then you would see the other items in your carousel.

Ben

[cmjornalismo]

cmjornalismo

#227135

Hi guys!

I’m having a problem with the Ascend Carousel widget. Here’s what it is: I’m building the homepage using Elementor. I’ve added the carousel widget with the following configuration: blog posts photo output, 3 columns, 6 itens, scroll setting 1 item. While I’m editing, Elementor shows as if everything’s working fine, as you can see on the printscreen I’m sending. But when I publish the page, the Carousel expands to 4 columns, instead of 3, and doesn’t display all 6 itens (see the other printscreen). I tried changing it to a different number of columns, just for testing, but it’s always adding one extra column and not displaying all the itens. I’ve cleared the cache, updated all plugins, and tried opening the website on different browsers, but the problem continues.

I’m currently using Elementor’s maintenance mode, so only the admin can view the website. I’m sending a temporary login information on a private reply so you guys can take a look.

Thank you,
Carolina

[cmjornalismo]

cmjornalismo

#227135

Hi guys!

I’m having a problem with the Ascend Carousel widget. Here’s what it is: I’m building the homepage using Elementor. I’ve added the carousel widget with the following configuration: blog posts photo output, 3 columns, 6 itens, scroll setting 1 item. While I’m editing, Elementor shows as if everything’s working fine, as you can see on the printscreen I’m sending. But when I publish the page, the Carousel expands to 4 columns, instead of 3, and doesn’t display all 6 itens (see the other printscreen). I tried changing it to a different number of columns, just for testing, but it’s always adding one extra column and not displaying all the itens. I’ve cleared the cache, updated all plugins, and tried opening the website on different browsers, but the problem continues.

I’m currently using Elementor’s maintenance mode, so only the admin can view the website. I’m sending a temporary login information on a private reply so you guys can take a look.

Thank you,
Carolina

[rhiannon]

rhiannon

#227062

I am using the virtue gallery in elementor. I have also tried adding galleries on backend classic page creation but get the same result.

I want my blog posts to contain 1 column of photos. But when I select 1 column in virtue gallery, the resulting photos display blurred on the frontend. The photos look fine if I select 2 or more columns.

They are also really big in 1 coluumn and I can’t seem to change the sizing anywhere with out changing the media file which I don’t want to do.

[rhiannon]

rhiannon

#227062

I am using the virtue gallery in elementor. I have also tried adding galleries on backend classic page creation but get the same result.

I want my blog posts to contain 1 column of photos. But when I select 1 column in virtue gallery, the resulting photos display blurred on the frontend. The photos look fine if I select 2 or more columns.

They are also really big in 1 coluumn and I can’t seem to change the sizing anywhere with out changing the media file which I don’t want to do.

[Hannah]

Hannah

#227003

Hey John,
You can set your number of columns to be 6 from Theme Options > Shop Archive Settings.

Hannah

[John]

John

#226995

By default, the Shop page displays 4 products in each row and a maximum of 3 rows. I want to modify the display to be 6 columns across.

Below is generic code to set the columns I have found in other webpages. Is this code the best way for the Ascend theme too? Are there also CSS changes that need to be applied?

/**
* Change number or products per row to 6
*/
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
function loop_columns() {
return 6; // 6 products per row
}
}

[John]

John

#226995

By default, the Shop page displays 4 products in each row and a maximum of 3 rows. I want to modify the display to be 6 columns across.

Below is generic code to set the columns I have found in other webpages. Is this code the best way for the Ascend theme too? Are there also CSS changes that need to be applied?

/**
* Change number or products per row to 6
*/
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
function loop_columns() {
return 6; // 6 products per row
}
}

[Ben Ritner]

Ben Ritner

#226977

What devices are you targeting?

REmove all that css, replace it with this only and post back:

/* Create new breakpoint so that image panels stay in row of 3 above 500px */
@media (min-width: 500px) and (max-width: 770px) {
.home .kt-row-column-wrap.kt-has-3-columns {
    z-index: 10;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row !important;
}
.home .kt-row-column-wrap.kt-has-3-columns>.wp-block-kadence-column {
    width: 0;
    margin-right: 30px;
    flex: 1;
}
.home .kt-row-column-wrap.kt-has-3-columns>.wp-block-kadence-column:last-child {
    margin-right: 0px;
}
}

[Ben Ritner]

Ben Ritner

#226893

yeah, you need to use the blog grid, like this:

[blog_grid orderby=date columns="3" items="6"]

Ben

[Pipa]

Pipa

#226890

Hi Hannah,

I used shortcode on body: [blog_posts orderby=date items=6 word_count=20 columns=3]

Tried to change using the widgets but still i didnt manage to make it work. Can it be the shortcode that i have used?

many thanks

[phil2]

phil2

#226889

Thanks Ben!

The final shortcode looks like this:
[gallery columns="1" size="full" type="slider" width="263" height="263" ids="1048,1042,1041,1040,1039,1038,1037,1036" link="file" caption="default" masonry="default" transpeed="4000" speed=3000]

It looks great on the page.
Many thanks,
Phil.

[partymazing]

partymazing

#226846

It worked for the columns, it does not show prices but I think I can leave it like that. Could you please tell me how can I rearrange the Product Categories in my shop? https://partymazing.com/shop/

Thank you!

[partymazing]

partymazing

#226832

Hi team, is there a way to update the design of my search result page?

I want the search to show my product prices and to have 4 columns instead of 3. *Login to see link

I want the same style that I have on my shop page: *Login to see link

Thank you very much!
MariaPalito

[partymazing]

partymazing

#226832

Hi team, is there a way to update the design of my search result page?

I want the search to show my product prices and to have 4 columns instead of 3. *Login to see link

I want the same style that I have on my shop page: *Login to see link

Thank you very much!
MariaPalito

[Hannah]

Hannah

#226598

There isn’t an option to set the list view as default, but you can set the number of columns to one from Theme Options > Shop Settings > Shop Product Column Layout.

Hannah

[Hannah]

Hannah

#226579

Hey Anita,
If you do not already add order="ASC" into your shortcode. Like this:
[staff_posts columns="3" items="80" limit_content="false" orderby="title" order="ASC"]
Does that work?

Hannah

[Ben Ritner]

Ben Ritner

#226571

When you set the columns to 1. Is that not what you want? It would make it appear like this image.

Ben

[Hannah]

Hannah

#226564

Hey John,
There isn’t a built-in function to adjust this. You would need to use a child theme and edit the portfolio template. Or if you wanted you could just use a carousel shortcode like this:
[gallery ids="21,22,23,24" type="carousel" columns="2" lightboxsize="large" speed ="1000"]

Hannah

[phil2]

phil2

#226525

Thanks for the facilities already built into the Row Layout Kadence block.

Is there away to modify the responsive behaviour? I would like to keep my row in 3 columns until it gets down to a screen width of 500px. Below that I would like each column to go to 100%.

Is that do-able?

Many thanks,
Phil.

[phil2]

phil2

#226525

Thanks for the facilities already built into the Row Layout Kadence block.

Is there away to modify the responsive behaviour? I would like to keep my row in 3 columns until it gets down to a screen width of 500px. Below that I would like each column to go to 100%.

Is that do-able?

Many thanks,
Phil.

[Hannah]

Hannah

#226512

Hey Cecilia,
There isn’t an option to set the list view as default, but you can set the number of columns to one from Theme Options > Shop Settings > Shop Product Column Layout.
Would that work for you?

Hannah

[Ben Ritner]

Ben Ritner

#226464

Columns are designed to change based on screen size, for example on smaller screens 3 columns turns to 2 then 1. The base setting is for standard screens and a max width 1140. On larger screens where your max-width is larger than 1140 the columns increase just like they decrease on smaller screens. This prevents your content from stretching awkwardly.

But it’s a simple css change if you want to remove this behavior, you just add this:

@media (min-width: 1500px){
.kt-width-large .kad_product_wrapper.shopcolumn3 .col-xl-3 {
    width:33.33%;
}
}

Ben