Search Results for 'COLUMNS'

[Turbosbcn]

Turbosbcn

#187807

Hi I would like to implement this code in the Virtue theme for display 2 columns instead of the actual slider in the related products space of single product template.

/**
* WooCommerce Extra Feature
* ————————–
*
* Change number of related products on product page
* Set your own value for ‘posts_per_page’
*
*/
function woo_related_products_limit() {
global $product;

$args[‘posts_per_page’] = 6;
return $args;
}
add_filter( ‘woocommerce_output_related_products_args’, ‘jk_related_products_args’ );
function jk_related_products_args( $args ) {
$args[‘posts_per_page’] = 4; // 4 related products
$args[‘columns’] = 2; // arranged in 2 columns
return $args;
}

But the code seems to not work.
Can anyone help me?

Thank you

[Turbosbcn]

Turbosbcn

#187807

Hi I would like to implement this code in the Virtue theme for display 2 columns instead of the actual slider in the related products space of single product template.

/**
* WooCommerce Extra Feature
* ————————–
*
* Change number of related products on product page
* Set your own value for ‘posts_per_page’
*
*/
function woo_related_products_limit() {
global $product;

$args[‘posts_per_page’] = 6;
return $args;
}
add_filter( ‘woocommerce_output_related_products_args’, ‘jk_related_products_args’ );
function jk_related_products_args( $args ) {
$args[‘posts_per_page’] = 4; // 4 related products
$args[‘columns’] = 2; // arranged in 2 columns
return $args;
}

But the code seems to not work.
Can anyone help me?

Thank you

[Kevin]

Kevin

#187800

Try adding this to the shortcode and let me know if it works for you:

[portfolio_posts excerpt=true columns="4" items="4" style="poststyle"]

-Kevin

[Pamela]

Pamela

#187704

Hello,
I’ve used this shortcode for Portfolio Grid on my landing page:
[portfolio_posts excerpt=true columns="4" items="4"] but is there a code for having the Excerpt text bellow the image, like on a “normal” portfolio grid page.

Or is there another solution for handling this?

Regards,

Pamela

[Pamela]

Pamela

#187704

Hello,
I’ve used this shortcode for Portfolio Grid on my landing page:
[portfolio_posts excerpt=true columns="4" items="4"] but is there a code for having the Excerpt text bellow the image, like on a “normal” portfolio grid page.

Or is there another solution for handling this?

Regards,

Pamela

[Ben Ritner]

Ben Ritner

#187554

Hey,
In your theme options > layout settings your “Site Layout Max-Width” is set to 1440px. This means that on screens larger than 1500px a normal 2 column setting would be 3 columns because by increasing the layout width beyond the standard bootstrap grid the number of columns increases so the content within the columns are not stretched. That is the default but there are overrides with css.

Just add this into your custom css box and all 2 column gallery will remain two column galleries regardless of how large the screen and layout grid get.

@media (min-width: 760px) {
.kt-gallery-column-2 .g_item {
width:50%;
}
}

Ben

[Ben Ritner]

Ben Ritner

#187542

Hey,
I’m just trying to make sure I understand. You have three columns added that responsively switch to one for small screens. And on a mobile phone but only when the phone is horizontally arranged you want two columns? And the third to be below that but just taking up half the screen?

Is that correct?

Your plugin “Post and Page Builder by BoldGrid – Visual Drag and Drop Editor” is adding some very strange css which is causing some issues for different screen sizes. It won’t work well with the pagebuilder we recommend so I strongly suggest using one or the other not both.

Ben

[John]

John

#187295

Hello, I’ve searched and I should know this, but I cannot get it to work.

I had this shortcode which showed all categories on the home page.
[product_categories number=”12″ parent=”0″ columns=”3″]

Now I need to replace it with a shortcode which just shows the **contents** of one particular category with that category description and the products in it.

Please assist, thank you, John

[John]

John

#187295

Hello, I’ve searched and I should know this, but I cannot get it to work.

I had this shortcode which showed all categories on the home page.
[product_categories number=”12″ parent=”0″ columns=”3″]

Now I need to replace it with a shortcode which just shows the **contents** of one particular category with that category description and the products in it.

Please assist, thank you, John

[Ben Ritner]

Ben Ritner

#187222

You can enable a sidebar on just some posts through the post edit. In your post settings, you can choose to show or hide a sidebar and choose which sidebar to show.

Is that what you are thinking?

Outside of that page builder would be your next option you can use it to add two columns to your post and add whatever content you want in the right or left columns.

finally to be clear you can’t move the themes recent post output outside of the footer of your post. It’s a carousel that isn’t designed for a sidebar and can’t be moved like that.

Ben

[Ben Ritner]

Ben Ritner

#187118

ok, that is all done without the need for any custom css. Pagebuilder has settings for all that. If you want two columns to be touching just set the row “gutter” to 0.

Ben

[Eolica]

Eolica

#187004

Hi
how to display latest post on the home page in 4 or more columns please ? I try with shortcodes in the page or the theme-option homepage setting but it always display 2 columns…

[Ben Ritner]

Ben Ritner

#186971

Hey,
Are you aware you adding three columns in pagebuilder in your content making the top part of your content smaller then it would normally be?

Is that intentional?

I’m not sure I understand what you want in regards to the sidebar it but sounds like you want it positioned along the screen when the screen size is large enough. Please try this css:

@media (min-width: 1550px){
.single-post #ktsidebar {
    position: absolute;
    max-width: 360px;
    left: 0;
    top: 60px;
}
.single-post #ktmain.col-lg-9 {
    float: none;
    width: 75%;
    margin:0 auto;
}
}
@media (min-width: 1800px){
.single-post #ktmain.col-lg-9 {
    width: 100%;
}
}

Ben

[Ben Ritner]

Ben Ritner

#186948

Hey,
In regards to your home page, The theme options > home page layout > module portfolio grid has a ratio setting for the images. square, portrait ect.

Your images are smaller than the square crop size of 600×600. I’m looking and it seems your images at all 710×530 or 514×686.

Since the theme can’t crop those images to the same size because they are not at least 600×600 the output is whatever the original size is. But because its set on a ratio where the images would normally all be the same size the theme is making rows instead of a masonry layout.

So the best option would be to set the home page portfolio grid to masonry and not a specific ratio. But that is a missing setting (I just looked) so you can’t at the moment. My apologies. I will update this and add a “inherit from image” ratio setting in your theme options > home page layout > module portfolio grid.

In the meantime you can use the portfolio shortcode in your home page content to output this grid using masonry by adding this shortcode:

[portfolio_posts ratio="softcrop" items="20" columns="4" filter="true"]

Or I should have the update for this out later today with the added ratio setting of “inherit from image” in the theme options > home page layout > module portfolio grid.

Aside from that, I would suggest using larger images for better retina support. Right now I’m looking at a retina screen and hte images appear pixelated because of there size. We suggest 1600×1600 at the least for image sizes, read more here:

https://www.kadencewp.com/best-practices-for-images-sizes-and-optimization-in-wordpress/

Ben

[Stephen]

Stephen

#186942

I know you can on portfolio pages but is it possible to add a filter to a testimonials page?

I’m using this shortcode, but it’s not displaying a filter:
[testimonial_posts orderby=date items=30 columns=2 filter=true cat=all]

Also, I’d like the entire testimonial to display rather than only show a certain amount of character and a read more link.

*Login to see link

[Stephen]

Stephen

#186942

I know you can on portfolio pages but is it possible to add a filter to a testimonials page?

I’m using this shortcode, but it’s not displaying a filter:
[testimonial_posts orderby=date items=30 columns=2 filter=true cat=all]

Also, I’d like the entire testimonial to display rather than only show a certain amount of character and a read more link.

*Login to see link

[Angelo Lazzari]

Angelo Lazzari

#186774

Hi,
as you can see in the footer here *Login to see link there are 4 columns with navigation menu widget, what i want is to hide the line on the right of the menu, is there a way to do it?

thank you very much
Angelo

[Angelo Lazzari]

Angelo Lazzari

#186774

Hi,
as you can see in the footer here *Login to see link there are 4 columns with navigation menu widget, what i want is to hide the line on the right of the menu, is there a way to do it?

thank you very much
Angelo

[Michael]

Michael

#186765

Hi

I’m using a few icon flip boxes (4 columns, 3 rows) Using images instead of icons
I’d like to increase the space/padding below the descriptions on mobile view.

Pls advise

Thanks

Costa

[Michael]

Michael

#186765

Hi

I’m using a few icon flip boxes (4 columns, 3 rows) Using images instead of icons
I’d like to increase the space/padding below the descriptions on mobile view.

Pls advise

Thanks

Costa

[Kevin]

Kevin

#186475

Hello,

Here is CSS that will target all of the text within those two footer columns:

.footercol1 span {
    color: red;
}

.footercol1 p {
    color: red;
}

.footercol4 span {
    color: red;
}

.footercol4 p {
    color: red;
}

.footercol4 a {
    color: red;
}

Adjust the font properties as needed and add to Theme Options> Custom CSS.

let me know if that works for you!

-Kevin

[Ben Ritner]

Ben Ritner

#186372

I’m not understanding, how come you can’t add columns in page builder and place the widget in the center column?

Ben

[EVELISE]

EVELISE

#186364

Hi, the problem is that if i use the pagebuilder I haven’t the posts how blog grid with a 3 columns and 6 posts with images.
See how i have now – in the link os post below.

Or is this possible?
I don’t finded widget what allowed this configuration.

[Kevin]

Kevin

#186331

Hello,

The carousel’s height is set by the content, and the width is determined by the size of the container it’s placed in.

You can adjust the spacing of your page builder row to change the width. Try placing the widget in a page builder row with 3 columns, and set the widget in the center column.

Then you can adjust the size of the column to control the width of the carousel.

Does that work for you?

-Kevin

[info794]

info794

#186304

Thank you, i resolve with custom css.

Howewer, this shortcode doesnt work:

[carousel type=testimonial orderby=date columns=3 speed=3500]

Best Regards

[Ben Ritner]

Ben Ritner

#186164

Hey,
You can use the custom carousel shortcode to manually add a fully custom carousel. For example:

[custom_carousel columns=3 speed=9000 scroll=1]

[carousel_item columns=3]
Item 01 – Add your info here
[/carousel_item]

[carousel_item columns=3]
Item 02 – Add your info here
[/carousel_item]

[carousel_item columns=3]
Item 03 – Add your info here
[/carousel_item]

[carousel_item columns=3]
Item 04 – Add your info here
[/carousel_item]

[/custom_carousel]

Is that what your thinking?

Ben