Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#178651

Next since we have 1 portfolio post created you can build a portfolio page. It’s only going to show one post but at least we can start there.

Go to pages > add new. Then in the right sidebar choose the “portfolio grid” template.

Save/publish the page and view to see your one portfolio post showing there.

Now you can go back and adjust things like how many columns you want to show.

[Ben Ritner]

Ben Ritner

#178620

1. Perhaps I’m not understanding exactly what you want. I guess you want the product to still be 33% but centered not in two columns?

change your css to this:

@media (min-width: 992px){
body.term-umbrellas.term-49.woocommerce .kad_product {
    position: static !important;
    width: 33.33%;
}
body.term-umbrellas.term-49.woocommerce .kad_product:nth-child(4), body.term-umbrellas.term-49.woocommerce .kad_product:nth-child(5) {
    display: inline-block;
    float: none;
}
body.term-umbrellas.term-49.woocommerce .kad_product_wrapper {
    text-align: center;
}
}

2. ^^ in the above css I added a media query so this css doesn’t apply on mobile. Is that more what you want?

Ben

[Miguel]

Miguel

#178556

I have the number of columns on 5. Is ok for my other categories but I want to display 3 products on the first line and 2 below on a specific category to create a difference between products in the same category.

[Kevin]

Kevin

#178545

Hey,

If you set the number of columns to 3, then the products will display with the first line having 3, and the other two below. How are you adding the products? This will determine how you set the columns.

-Kevin

[John]

John

#178431

Hi hannah/ben-
Do you know a way to get the Virtue Custom Sidebar Selection field to show up under the Quick/Bulk Edit options for posts?

I did find a plugin that will allow me to do this but I can’t seem to get it to work to display the list of custom sidebars.

The plugin in is here: *Login to see link

They indicate that I first need to get the custom sidebars added to the Post Columns but I can’t figure out what the kadence custom sidebar column would be called. Here is the code they suggest, do you know what would replace the ‘custom_stuff’ so that it would grab the custom sidebar data?

add_filter( ‘manage_post_posts_columns’, ‘my_manage_post_posts_columns’ );
function my_manage_post_posts_columns( $columns ) {
$columns[‘custom_stuff’] = esc_html__( ‘Custom Stuff’ );

return $columns;
}

Thanks,
John.

[John]

John

#178431

Hi hannah/ben-
Do you know a way to get the Virtue Custom Sidebar Selection field to show up under the Quick/Bulk Edit options for posts?

I did find a plugin that will allow me to do this but I can’t seem to get it to work to display the list of custom sidebars.

The plugin in is here: *Login to see link

They indicate that I first need to get the custom sidebars added to the Post Columns but I can’t figure out what the kadence custom sidebar column would be called. Here is the code they suggest, do you know what would replace the ‘custom_stuff’ so that it would grab the custom sidebar data?

add_filter( ‘manage_post_posts_columns’, ‘my_manage_post_posts_columns’ );
function my_manage_post_posts_columns( $columns ) {
$columns[‘custom_stuff’] = esc_html__( ‘Custom Stuff’ );

return $columns;
}

Thanks,
John.

[Kevin]

Kevin

#178402

There are only 5 products in the category Umbrellas, which is why the columns don’t stretch across the page. Are you planning on adding more to this category?

Are you wanting to just center the products? You can do that by adding this CSS to Theme Options> Advanced Settings:

.related.products .caroufredsel_wrapper {
    float: none !important;  
    margin-right: auto !important; 
    margin-left: auto !important;
} 

Hopefully this is helpful.

-Kevin

[Miguel]

Miguel

#178384

Hi team,
How can I align to the center the images inside the related products carousel?
I changed the number of columns in the carousel to 6 but can I make them smaller and centered on the page?
Virtue Theme.

[Miguel]

Miguel

#178384

Hi team,
How can I align to the center the images inside the related products carousel?
I changed the number of columns in the carousel to 6 but can I make them smaller and centered on the page?
Virtue Theme.

[Kevin]

Kevin

#178172

Hey,

You could use a Virtue Carousel widget and configure it to only display products of a certain category. This would also allow you to set the columns and the adjust the scroll setting.

-Kevin

[Michael]

Michael

#178089

I´m glad you like the idea 🙂
I thought about something like this (without pictures): https://ibb.co/dVRQkc

But IMO the box-height has to be the same, so the review has to be shortened after xx words. By clicking on the review it would be nice if it links the customer to the product.
I think it´s ok if the last ~10-15 reviews are beeing shown, collected from all articles. (In ~3 columns)

EDIT: Can you tell me about the plugin you found? Some of the good looking ones were not updated since a half year.

[Stephen]

Stephen

#177882

I hadn’t uploaded the functions.php file, but that shouldn’t matter for the font URL. The /fonts are the fonts folder in the same root folder as the main WordPress URL, so I must not have added the child theme properly.

public_html/worldlink/wp-content/themes/ascend_premium_child/fonts

Here’s what’s in public_html/worldlink/wp-content/themes/ascend_premium_child/ folder:

styles.css:

/*
 Theme Name:   Ascend Premium Child
 Author:       Steve Dillon
 Author URI:   http://worldlink.kwsmproductions.com/ascend_premium_child
 Template:     ascend_premium
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ascend-premium-child
*/

functions.php:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'ascend_premium-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $ascend_premium_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $ascend_premium_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

[Hannah]

Hannah

#177817

Hi Sarah,
You can use a shortcode like this: [products limit="8" columns="4" category="hoodies"]
Hope that helps!

Hannah

[Hannah]

Hannah

#177181

Hi Stephen,
Try changing “cat” to “group”. So your shortcode would be this: [staff_posts columns="4" items="22" orderby="date" link="true" group=Managers] Does that work?

Hannah

[Stephen]

Stephen

#177171

We have 2 groups, Directors and Managers. Each staff page has the corresponding group box checked, but when we display them they all show up.

Shortcode used in Custom HTML widget:

Directors: [staff_posts columns="4" items="4" orderby="date" link="true" cat="Directors"]

Managers” [staff_posts columns="4" items="22" orderby="date" link="true" cat="Managers"]

Here’s our group structure: *Login to see link

Any thoughts as to why they’re not separated – Directors / Managers?

Ref link: About

Thanks

[Stephen]

Stephen

#177171

We have 2 groups, Directors and Managers. Each staff page has the corresponding group box checked, but when we display them they all show up.

Shortcode used in Custom HTML widget:

Directors: [staff_posts columns="4" items="4" orderby="date" link="true" cat="Directors"]

Managers” [staff_posts columns="4" items="22" orderby="date" link="true" cat="Managers"]

Here’s our group structure: *Login to see link

Any thoughts as to why they’re not separated – Directors / Managers?

Ref link: About

Thanks

[Felix]

Felix

#177047

Is there a possibility to show neither “full content” nore “excerpt” in staff grid page?
I’ve tried several options of shortcodes, but it never worked. I just want to show the Name and the photo on the Grid Page.
Another problem I did not solve yet is the sorting of the entries. If I use orderby name it is ordered descending, menas the order starts with persons with an W in their name, and persons wit an A in their name are at the bottom.

This is my shortcode so far:
[staff_posts items=”22″ columns=”4″ show_content=”false” link=”true” lightbox=”false” orderby=”name”]

[Felix]

Felix

#177047

Is there a possibility to show neither “full content” nore “excerpt” in staff grid page?
I’ve tried several options of shortcodes, but it never worked. I just want to show the Name and the photo on the Grid Page.
Another problem I did not solve yet is the sorting of the entries. If I use orderby name it is ordered descending, menas the order starts with persons with an W in their name, and persons wit an A in their name are at the bottom.

This is my shortcode so far:
[staff_posts items=”22″ columns=”4″ show_content=”false” link=”true” lightbox=”false” orderby=”name”]

[Hannah]

Hannah

#176996

1. Page Builder would be a pretty simple solution I think. You could try out some css to get the columns that you previously created to align.
If you wanted to just center the social icons you can do so with css. If you add them and post a link I can help with that.

2.Try adding this to your custom css box in Theme Options:

.home img.alignleft {
    margin: 0;
    padding-top: 0;
}

Then this to adjust on mobile:

@media (max-width: 768px) {
.home .col-md-3.col-sm-6 {
    text-align: center;
}
.home img.alignleft {
    width: 100%;
    max-height: 65px;
}
}

Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#176986

Hey,
The columns set to 4 are for the standard max width of 1170px. If you set the max width to 1470 or full width the then column will increase on larger screens, similar to how they will decrease on smaller screens. This keeps things responsive without lots of stretching.

If you want to force that shortcode to always show 4 columns for screens larger then 1500px (when you have the settings for max width larger) you can use this css:

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

In terms of the excerpt, you can add a custom excerpt if you like by edit the post and add text into the excerpt box. Otherwise, the excerpt follows that of your settings for excerpts in the theme options > blog options.

Ben

[Stephen]

Stephen

#176972

I’ve created a short code to display a preview to the staff bios on the about page. I want this to only display 4 columns, but it’s displaying 4+ depending on the width of the screen.

I’m also wondering, is there a set number of characters it’s showing of the bio on this page? And if we can set that somehow?

*Login to see link

[Stephen]

Stephen

#176972

I’ve created a short code to display a preview to the staff bios on the about page. I want this to only display 4 columns, but it’s displaying 4+ depending on the width of the screen.

I’m also wondering, is there a set number of characters it’s showing of the bio on this page? And if we can set that somehow?

*Login to see link

[andrea.juelich]

andrea.juelich

#176953

This reply has been marked as private.

[Hannah]

Hannah

#176880

Ok, so a workaround would be to use the last footer layout option (one top column two on bottom). Then add the layout builder widget to each column. In the top column you can create a 3-column row, and then you can create 2 column rows in the two bottom columns. Would that work for you?
Another option is to use a plugin like this- https://wordpress.org/plugins/widgets-on-pages/ That would allow you to add another widget area via shortcode. So you could add it to the sitewide footer shortcode area.
Hope that’s helpful!

Hannah

[Hannah]

Hannah

#176753

Hi Andrea,
Would it work for you to have three columns at the bottom rather than four? If so, you can create this by using the fourth footer layout option in Theme Options > Footer (one long top column and three below). Then you can add the layout builder widget to footer column one and create a row with three columns, then add a virtue infobox widget to each. Would that work for you?

Hannah