Search Results for 'post grid'

[Hannah]

Hannah

#243369

1. You can create a category page using the default page template and a product category shortcode like this:
[product_category category="apparel” orderby=”menu_order” order=”asc” columns=”3″] Then just add the shortcode into content area above this shortcode.
Or, if you’re using Kadence Blocks Pro you can use the Post Grid/Carousel block. Then you can add your shortcode into a shortcode block.

2. You can enable an extras area in your header then enable a widget area as an extra (from theme options > header settings). Then from Appearance > Widgets you can add your shortcode into a text widget in your header extras area. Then you would need to use css to position it above your menu. I can help with that.

3. You can use the Google Chrome inspect tool. I can also help with that if you can link to this.

Hannah

[Ryan Purves]

Ryan Purves

#243320

I am trying to add 2 testimonials grids to a single page. I cannot do this with setting the page template to “testimonials grid”, as it only allows 1 grid at a time (but I like the styling of these testimonial items). I tried, instead, to add a “post grid/carousel” block that called upon the Testimonials post type, but I’m not able to style it with the available options like testimonials. Is there some way I can edit the “post grid/carousel” block to look like the testimonials grid page template?

[Ryan Purves]

Ryan Purves

#243320

I am trying to add 2 testimonials grids to a single page. I cannot do this with setting the page template to “testimonials grid”, as it only allows 1 grid at a time (but I like the styling of these testimonial items). I tried, instead, to add a “post grid/carousel” block that called upon the Testimonials post type, but I’m not able to style it with the available options like testimonials. Is there some way I can edit the “post grid/carousel” block to look like the testimonials grid page template?

[Hannah]

Hannah

#243234

Hmm, I can’t tell what is causing that. Could be a plugin. You can override with this css:

.grid-postlist .row article.kad_blog_item {
    padding: 0 20px;
    margin: auto;
}

Hope that helps!

Hannah

[mone]

mone

#242799

Hi, I’m trying to display Custom Posts into Post Grid/Carousel Block but they don’t show up.
The Block correctly shows the 2 Categories I’ve created for that post type but when I select the category I get the message “No posts found”.

I’ve created the Custom Post Type without plugins.

Here is the code:

function create_posttype() {

register_post_type('prodotti', array(
'labels' => array(
'name' => 'Prodotti',
'singular_name' => 'Prodotto',
'add_new' => 'Aggiungi Nuovo',
'edit_item' => 'Modifica Prodotto',
'all_items' => 'Tutti i Prodotti',
),
'public' => true,
'show_ui' => true,
'menu_icon' => 'dashicons-cart',
'capability_type' => 'post',
'has_archive' => true,
'publicly_queryable' => true,
'taxonomies' => array( 'category' ),
'supports' => array( 'title', 'excerpt', 'thumbnail', 'page-attributes', 'post-formats', 'revisions',),

)
);
}
add_action( 'init', 'create_posttype',0 );

I’ve also tried to add this code in the Functions.php file, but it doesn’t help.

function query_post_type($query) {

if( is_category() ) {
$post_type = get_query_var('post_type');
if($post_type)
$post_type = $post_type;
else
$post_type = array('nav_menu_item', 'post', 'prodotti');

$query->set('post_type',$post_type);
return $query;
}
}

Do I miss something?

[mone]

mone

#242799

Hi, I’m trying to display Custom Posts into Post Grid/Carousel Block but they don’t show up.
The Block correctly shows the 2 Categories I’ve created for that post type but when I select the category I get the message “No posts found”.

I’ve created the Custom Post Type without plugins.

Here is the code:

function create_posttype() {

register_post_type('prodotti', array(
'labels' => array(
'name' => 'Prodotti',
'singular_name' => 'Prodotto',
'add_new' => 'Aggiungi Nuovo',
'edit_item' => 'Modifica Prodotto',
'all_items' => 'Tutti i Prodotti',
),
'public' => true,
'show_ui' => true,
'menu_icon' => 'dashicons-cart',
'capability_type' => 'post',
'has_archive' => true,
'publicly_queryable' => true,
'taxonomies' => array( 'category' ),
'supports' => array( 'title', 'excerpt', 'thumbnail', 'page-attributes', 'post-formats', 'revisions',),

)
);
}
add_action( 'init', 'create_posttype',0 );

I’ve also tried to add this code in the Functions.php file, but it doesn’t help.

function query_post_type($query) {

if( is_category() ) {
$post_type = get_query_var('post_type');
if($post_type)
$post_type = $post_type;
else
$post_type = array('nav_menu_item', 'post', 'prodotti');

$query->set('post_type',$post_type);
return $query;
}
}

Do I miss something?

[alice]

alice

#242791

Is there a way to change the “no posts” text that displays if a category has no posts?

[alice]

alice

#242791

Is there a way to change the “no posts” text that displays if a category has no posts?

[Alexandra]

Alexandra

#242763

Hi Hannah,

thank you, I would like to switch off the lightbox whenever a grid of portfolio items/posts is made.

In misc I can switch lightbox completely which means it won’t work for individual pictures inside the posts/portfolio items as well — that I want to keep.

Would you have any hints on that?

Sasha

[Alexandra]

Alexandra

#242755

Hi,

I want to make sure that in all the portfolio grids lightbox is off. I switched it off in the theme settings, but it affects only the main portfolio archive on the home page – see here: sashaz.com

But whenever I go into some type of portfolio – the lightboxes are there, like here for instance:
*Login to see link

I checked that I’ve switched lightbox off in Theme options –> Portfolio settings –> Portfolio Archive Pages –> ‘Display lightbox link in grid?’ –> Off and also in Home page layout -> Module Portfolio Grid -> Display lightbox icon in portfolio posts –> off

Cheers,
Sasha

[Alexandra]

Alexandra

#242755

Hi,

I want to make sure that in all the portfolio grids lightbox is off. I switched it off in the theme settings, but it affects only the main portfolio archive on the home page – see here: sashaz.com

But whenever I go into some type of portfolio – the lightboxes are there, like here for instance:
*Login to see link

I checked that I’ve switched lightbox off in Theme options –> Portfolio settings –> Portfolio Archive Pages –> ‘Display lightbox link in grid?’ –> Off and also in Home page layout -> Module Portfolio Grid -> Display lightbox icon in portfolio posts –> off

Cheers,
Sasha

[Hannah]

Hannah

#242735

1. This css should remove that gap:

.blog_item h4.entry-title {
    margin-top: 0;
}

2.

#kad-blog-grid .blog_item .postcontent {
    border: 3px solid #eee;
}

3. You can use an icon shortcode like that in the block editor. Just use the shortcode block. You can find a list of virtue’s icons here: http://themes.kadencethemes.com/virtue-premium/icons/

Hope that’s helpful!

Hannah

[Hannah]

Hannah

#242628

Hey,
Unfortunately, this shortcode does not work in Pinnacle, but I can talk with the developer about adding this in. You can display them in a grid using this shortcode: [testimonial_posts orderby=date items=4 columns=4 cat=photos]
If you’re using the Gutenberg editor and Kadence Blocks you can use the testimonial block to create a testimonial carousel.

Hannah

[Ben Ritner]

Ben Ritner

#242552

Hey,
In your staff page settings choose to show the “content” and not the excerpt, then your styling created in the post will show on the grid.

Ben

[Ben Ritner]

Ben Ritner

#242514

Hey,
In your theme options > portfolio options, look under “Portfolio Navigation Options” there you can set the all projects page which will set that grid icon.

As for the order it follows “menu_order” which means that you can define it regardless of when the posts were created. If you edit a post look on the right and fine page attributes, there you will see an order number. The lower the number (it can be negative) the higher it would be placed in the order list. So the post you want to be first is set with 0 then make the one you want to be second set with 1 and third 2.

Ben

[adventuretravelcoach]

adventuretravelcoach

#242510

Hey Hannah,

I went into Kadence Blocks but it says the following:

Ben Ritner – Kadence WP
Donate to this plugin »
Warning: This plugin has not been tested with your current version of WordPress.

However in my dashboard it confirms that my plugins are all updated.

Last checked on December 28, 2019 at 2:50 pm. Check Again

You have the latest version of WordPress. Future security updates will be applied automatically.

Kadence Blocks – Gutenberg Page Builder Toolkit
Description Installation Changelog Screenshots Reviews
Version: 1.7.10
Author: Kadence WP
Last Updated: 4 days ago
Requires WordPress Version: 5.2 or higher
Compatible up to: 5.3.0
Active Installations: 50,000+
WordPress.org Plugin Page »
Plugin Homepage »
AVERAGE RATING

5.0 rating based on 49 ratings
(based on 49 ratings)

REVIEWS

Read all reviews on WordPress.org or write your own!

5 stars 48
4 stars 1
3 stars 0
2 stars 0
1 star 0
CONTRIBUTORS

Ben Ritner – Kadence WP
Donate to this plugin »
Warning: This plugin has not been tested with your current version of WordPress.
This plugin adds custom blocks and options to extend Gutenberg’s editing capabilities so you can create custom layouts and more engaging content. This plugin is meant to be a toolkit that makes the WordPress block editor capable of creating content usually only possible through popular page builder plugins. For example, with the Kadence Row Layout Block you can better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical-align and much more.

Try Kadence Blocks

Demo Testing

Custom Blocks Include

Row Layout – demo
Advanced Gallery – demo
Form – demo
Advanced Heading – demo
Advanced Button – demo
Tabs – demo
Accordion – demo
Testimonials – demo
Icon – demo
Spacer / Divider – demo
Info Box – demo
Icon List – demo
Video Tutorial

Key Block Features

The Row Layout block can have 1-6 columns, and any other blocks can be nested inside. So as a single column block, it’s a robust wrapper because you can create very custom backgrounds and define padding, margin, and dividers both for desktop and mobile layouts.

The Advanced Gallery block allows you to add photo galleries in a masonry, grid, carousel, fluid width carousel or slider style. Enjoy four different optional caption locations, each with options to style font, background, etc. Within each gallery, you can define the thumbnail ratio, add an image filter, set a border radius, and add box shadows. You can make each image a custom link to another page or website. Or you can easily enable a built-in lightbox. Plus you can select which image size to use for your thumbnails, and lightbox image for ultimate performance.

The Advanced Heading block provides full control for your headings, including font family (all google fonts), font weight, font style, font size (with tablet and mobile options), line height, color, letter spacing, alignment, and margin. Plus you can define part of the heading as a highlight and style it uniquely.

The Advanced Button block allows you to have up to five buttons side by side. You can control each individually, both with static and hover styles, and each button can have an added icon next to the text. This block even supports video links that open in a popup all built in!

The Tabs block is highly customizable with unique tab title settings for spacing, color, icons, and text. You can set up vertical or horizontal tabs, plus there are options to switch to an accordion setup for mobile. Each tab content is an empty canvas able to contain any other block within it.

The Testimonial block has four built-in preset styles to choose from and allows you to add a carousel or grid of testimonials right into your page or post. You can then customize the colors, fonts, size, border, and shadow to your liking.

The Icon block enables you to add an SVG icon right into your page. There are over 1500 icons to choose from, and with each, you can control the size, color, background, border and add a link.

The Spacer / Divider block allows you to optionally show a divider inside an area with a drag-able height. The divider has style options allowing you to set the width, height, color, line style, and opacity.

The Info Box Block is a box link containing an icon or image and optionally a title, description and “learn more” text. Configure padding, fonts, backgrounds, borders, and style static and hover colors even show a box shadow.

Editor Max Width

One of the challenges with creating column and row layouts in Gutenberg is the width of the editor in your admin. By default, Gutenberg uses a 650px max width for the content editor. When adding text to a sidebar template, this works great, as the max width in the editor is comparable to the content width when using a sidebar. However, for content going into pages where you don’t have a sidebar, it is a poor representation of what you are going to get on the front end of your site. Not to mention, it makes for a cramped space to work in if you are trying to manage a row with three columns.

In an effort to create an easier way to use Gutenberg in a more “page building experience” we created a simple method that allows you to change the default max width for pages and posts, as well as individually through a page by page setting.

Source files

github

Support

We are happy to help as best we can with questions! Please use the support forums.

[Hannah]

Hannah

#242277

Yep! In the post grid block settings you can set the image to show on the left. Then you can use css like this to add background to the excerpts:

.blog_item.grid_item .postcontent {
    background: #eee;
    padding: 5px;
}

Just note that this would change the background color of all your excerpts.

We wish the same to you!! Cheers!

Hannah

[Angelo Lazzari]

Angelo Lazzari

#242230

hi Hannah, thanks for the reply. Do you mean like a grid like this https://www.mobiix.it/grid-test/ and than hide the description, move the image on the left, the title on the right and than put a different color based on post category?

no idea to how to do it… 🙁 . i think we will speak to the customer and find an alternative!

I wish you and Ben a very merry Christmas and a more happy new year too!

Angelo

[Hannah]

Hannah

#242171

Hey Angelo,
There isn’t a built-in function to set this up. A workaround would be to use the post grid/carousel block and set the image to left. Then use css to add a background color to your excerpts. Would that work for you?

Hannah

[phil2]

phil2

#242154

Hi, I’m using a number of portfolio grids which filter on tags to display the providers available in a particular area.
(Link to site)

The default action on clicking a logo is to go to the relevant portfolio post. The customer would like it to go directly to an external website.

Is there a way to set the URL for when the logo is clicked?
Many thanks,
Phil.

[phil2]

phil2

#242154

Hi, I’m using a number of portfolio grids which filter on tags to display the providers available in a particular area.
(Link to site)

The default action on clicking a logo is to go to the relevant portfolio post. The customer would like it to go directly to an external website.

Is there a way to set the URL for when the logo is clicked?
Many thanks,
Phil.

[Paul Shirley]

Paul Shirley

#242009

Hi All,

I’m using Pinnacle Premium.

Quick question, I have a page with two Post Grid/Carousels within its content – Testimonials & Case Studies.

On load, it’s fine – both show the correct posts and correct pagination regarding the number of posts for that query.

However, If I click, for example, pagination link ‘2’ on the Testimonials Post Grid/Carousel, the page reloads and the Testimonials Post Grid/Carousel is OK but the Case Studies Testimonials Post Grid/Carousel is not – it also displays as if I had clicked, for example, pagination link ‘2’ on the Testimonials Post Grid/Carousel. I know that it is WordPress getting confused (the URL has /page/2/ on the end).

Is there a way of correcting this through Pinnacle or code?

Thanks,

Paul

[Paul Shirley]

Paul Shirley

#242009

Hi All,

I’m using Pinnacle Premium.

Quick question, I have a page with two Post Grid/Carousels within its content – Testimonials & Case Studies.

On load, it’s fine – both show the correct posts and correct pagination regarding the number of posts for that query.

However, If I click, for example, pagination link ‘2’ on the Testimonials Post Grid/Carousel, the page reloads and the Testimonials Post Grid/Carousel is OK but the Case Studies Testimonials Post Grid/Carousel is not – it also displays as if I had clicked, for example, pagination link ‘2’ on the Testimonials Post Grid/Carousel. I know that it is WordPress getting confused (the URL has /page/2/ on the end).

Is there a way of correcting this through Pinnacle or code?

Thanks,

Paul

[Ben Ritner]

Ben Ritner

#241985

Hey,
There is not a way to show the full content using the post grid block. Perhaps I’ll add a separate section for it in the future but it’s currently only designed to show excerpts.

You can show the Ascend Testimonial Carousel via a shortcode, for example:

[carousel type="testimonial" columns="1" items="10"]

Early next year there will be full support for blocks as a header and footer, Gutenberg is almost there.

Ben

[Timothy Jones]

Timothy Jones

#241983

I have the columns set to 4, which seems to always set the smallest responsive columns to 2. I can’t find any way to set this to 1 when starting out with 4.

[Timothy Jones]

Timothy Jones

#241983

I have the columns set to 4, which seems to always set the smallest responsive columns to 2. I can’t find any way to set this to 1 when starting out with 4.

[Melanie]

Melanie

#241944

Hi Ben,

Thanks for that info.

I find the ascend theme to not be as good with the displaying of testimonials as the other themes – or maybe I am trying to do a bit more than I have previously? Having the testimonials in the Post Grid is great but I want to show the whole testimonial not just an excerpt.. is there any way of doing that? I think if i can show the full content it would be just about perfect! I have added the full text into the excerpt box but it still shows the … and readmore (which i can hide with css if I have to).

Is there a way to show the Ascend Testimonial Carousel on the page? It doesn’t come up under the widget in the blocks? Also with the blocks it would be handy to be able to show them in the footer / header widgets especially the buttons.

Regards, Mel