Search Results for 'post grid'

[Hannah]

Hannah

#240350

Hi Anders,
I will have Ben remark on the Post Grid/Carousel block pulling the default featured image.
If you’re wanting to display your posts via shortcode you can use this: [blog_posts type="grid" orderby="date" items="4"]
Then you can use this css to pull the text beside the image:

.col-md-12.post-land-image-container {
    width: 25%;
    float: left;
}

Hope that’s helpful!

Hannah

[Robert]

Robert

#240319

1). I deleted the “orderby=date” option as it displayed the portfolios (albums) in a different order than I wanted.
2). The original “snapshots’ page was a SiteOrigin PageBuilder and was also a “portfolio grid” type of page. When I added the shortcode it displayed the portfolios twice. I changed it to “default template” and even when I previewed it, it showed them twice. When I finally published the changes, it then only showed them once. I’m assuming (hoping?) it is now showing the shortcode and it is a default template page and not a portfolio grid page.
3). I also created a test category page (and published it) using the new block editor and added the same shortcode.

This is the short code I used in both pages:

[portfolio_posts excerpt=false columns=4 items=8 height=200 lightbox=true showtypes=true cat=assembly-setup]

I don’t think I need the excerpt= or height= or lightbox= or showtypes=, but I left them in. I just want to be able to show one portfolio, in this example, just assembly-setup. However, in both cases it shows all portfolios. See pages:

https://www.cagesplus.com/test-category/

and

https://www.cagesplus.com/batting-cage-images/snapshots/

BTW, I just tried the following shortcode

[portfolio_posts columns=4 items=8 cat=assembly-setup]

and it seemed to do the same thing, i.e. show all 7 portfolios. But it did show I don’t need the excerpt, height, lightbox, or showtypes. I did need the columns=4 and items=8 as the default items seems to be 4. /Bob DeCloss

[BG Anders]

BG Anders

#240275

This reply has been marked as private.

[BG Anders]

BG Anders

#240274

Hi,
I need the Blog category/archive pages to show only in one column with a small image left.
The only approach I could find, are custom pages with Post Grid/Carousel Block.
But this has a problem: posts without featured image are displayed… without image. It would be nice if it would output the “Default post summary feature Image” like any other post loop, or at least have the option to.

I’m also ok if the “normal” archive pages would show one column instead of the minimum 2

Thank you

[BG Anders]

BG Anders

#240274

Hi,
I need the Blog category/archive pages to show only in one column with a small image left.
The only approach I could find, are custom pages with Post Grid/Carousel Block.
But this has a problem: posts without featured image are displayed… without image. It would be nice if it would output the “Default post summary feature Image” like any other post loop, or at least have the option to.

I’m also ok if the “normal” archive pages would show one column instead of the minimum 2

Thank you

[Ben Ritner]

Ben Ritner

#240217

The closest thing is our Post Grid Carousel Block in Kadence Blocks. You can select custom post types and you can set the columns of the carousel to 1.

Ben

[pawel2]

pawel2

#240142

Hello
Post Grid / fragment of entries / Read More …
How to change the color of the inscription: Read More …?
How can I change the Read More … in a different language?
Pawel

[pawel2]

pawel2

#240142

Hello
Post Grid / fragment of entries / Read More …
How to change the color of the inscription: Read More …?
How can I change the Read More … in a different language?
Pawel

[Ben Ritner]

Ben Ritner

#240134

Hey Valerie,
Are you subscribing to the topic when you post?
Have you checked your spam folder?

You are using custom sizes for images. This means woocommerce controls the image size output from your woocommerce settings. This is different from the theme options setting which allows you to define a ratio for your product images.

You also are using jetpacks lazy load which prevents the image from loading early, this is really great when you can tell the browser how much space the image needs while it’s figuring out the grid layout but when it’s custom and lazy it means the browser has a hard time determining the grid layout because it has to load the layout before the images load.

When you are using lazy load I strongly encourage you to use our ratio option for product images and not something custom that doesn’t have a forced ratio the browser can follow.

Another option is to define a custom height for your images to that the browser can know how to layout the grid, you can do that with css like this:

.product_item .kad-woo-image-size {
    height: 320px;
    display: flex;
}

.product_item .product_img_link .kad-woo-image-size img {
    object-fit: contain;
}

Ben

[pawel2]

pawel2

#240035

Yes i tried. However, I decided on a solution: Edit home page / block / Post Grid / Carousel.
Paweł

[Timothy Jones]

Timothy Jones

#239709

I have a category structure with subcats. If I select the Parent category in the Post Grid block it outputs “No Posts.” Is this intentional or a bug?

If I put in the core Gutenberg Latest Posts block and select a parent category I do get a listing of all posts from the subcats.

[Timothy Jones]

Timothy Jones

#239709

I have a category structure with subcats. If I select the Parent category in the Post Grid block it outputs “No Posts.” Is this intentional or a bug?

If I put in the core Gutenberg Latest Posts block and select a parent category I do get a listing of all posts from the subcats.

[Ben Ritner]

Ben Ritner

#239688

Here is the css, you can add this in your theme options > custom css:

@media (min-width: 992px){
    .home .grid-postlist .blog-grid-media {
        position: relative;
        width: 40%;
        float: left;
    }
    .home .grid-postlist .postcontent {
        width: 60%;
        padding: 0 0 0 20px;
        float: left;
    }
    .home .grid-postlist .blog-grid-media > a {
        display:block;
        width:100%;
        padding-bottom: 100%;
        height: 0;
    }
    .home .grid-postlist .blog-grid-media > a > div {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .home .grid-postlist .blog-grid-media > a > div img {
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
    }

    .home .grid-postlist .grid_item:after {
        content: '';
        clear: both;
        display: table;
    }
}

Ben

[Timothy Jones]

Timothy Jones

#239672

Using the Post Grid/Carousel block in Kadence Blocks Pro Version 1.3.0.

I am putting in Additional CSS Class in the Advanced tab and they are not showing in the class list on the front end.

[Timothy Jones]

Timothy Jones

#239672

Using the Post Grid/Carousel block in Kadence Blocks Pro Version 1.3.0.

I am putting in Additional CSS Class in the Advanced tab and they are not showing in the class list on the front end.

[Rebecca]

Rebecca

#239359

Thanks, Ben. This did move the header consistently to the bottom of the page, but I’m still seeing the issue with the footer now covering up the content as the height of the window is reduced. This is not just a theoretical problem, since on my Macbook Air 13″ this means the images in the grid are half obscured when the window is normal width.

I’ll post screenshots with and without the CSS to show what I mean.

[Hannah]

Hannah

#239190

Hey,
Looks like you have a portfolio grid enabled from Theme Options > Homepage Layout. Portfolio posts will only link to themselves, but you can use the image menu to add images that link to specific pages. This post talks more about configuring your homepage: https://www.kadencewp.com/knowledge-base/configure-your-homepage-ascend/
Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#238905

Hey,
When I look at your site under “Latest posts” your output is showing mosaic style.

Please change to grid, and columns to 2 then post back 🙂

Ben

[Ben Ritner]

Ben Ritner

#238683

Hey,
I wasn’t talking about Kadence Widgets, I was referring to Kadence Blocks and the post/grid carousel block which you can use inside the WordPress (Gutenberg) block editor.

In terms of using the virtue theme my response above “There isn’t an option in virtue to have logo menu widget.” means there isn’t an option to do that kind of header. You can create a custom one if you like and want to code it.

I think your best bet is to change your latest posts to grid, and columns to 2 and then post back.

Ben

[Ben Ritner]

Ben Ritner

#238665

Hey,
Can you change your latest posts to grid, and columns to 2 and then post back. I can give you css that will make the image site bside the text.

Also you can use the Kadence Blocks post/grid widget to create this in your page, doesn’t have to come through the theme options.

There isn’t an option in virtue to have logo menu widget.

Ben

[Kadence Fan]

Kadence Fan

#238633

Hi Hannah, thanks for the quick reply but I still can’t get it to work. I’ve tried everything in the drop down in the Module Latest Posts module (which are: Standard, Standard with image below title, Full Post, Grid, Grid with first post as standard, Photo and Mosiac). Are you sure it’s actually possible in Ascend? They have to look like the posts in the link I sent you. Thanks!

[Clayton]

Clayton

#238618

Hey guys,

Not sure if this is supported or will be but I’m using the Post Grid block to pull in a custom post type. The preview is stuck on loading. It still shows on the front end.

Screenshot

• This topic was modified 6 years, 7 months ago by Clayton.

[Clayton]

Clayton

#238618

Hey guys,

Not sure if this is supported or will be but I’m using the Post Grid block to pull in a custom post type. The preview is stuck on loading. It still shows on the front end.

Screenshot

• This topic was modified 6 years, 7 months ago by Clayton.

[Hannah]

Hannah

#238497

Hi Gabi,
You can display your categories via shortcode and add whatever other content to the page you would like. The shortcode would look like this:
[blog_posts type="grid" orderby="date" items="4" cat="photos"]
Would this work for you? Or are you wanting this content to automatically be a part of your category pages?

Hannah

[kelly5]

kelly5

#238413

I’ve installed the demo content successfully and changed colors/images/text, but I’d like to add some things. To do so I thought I would try implementing Page Builder Site Origin, but when I convert to editor, I loose a lot of the design intricacies – the code does not carry over to Page Builder correctly, even if I copy and past it before switching to Page Builder.

I am using the Agency version of Ascend. I did not save my work, so the demo content is still displaying as shown in your demo, but when previewing from top to bottom, some things that stand out are: there is a top margin or padding I can’t figure out how to eliminate, the fun jagged bottom border disappears from the top image, the split content style images after with their overlaid text get all enlarged and the overlay is messed up, the bottom three image blocks get out of alignment. It’s really odd. The demo content code on the page is beyond me to build more with it as is, though comfortable making light html changes to what is there, obviously.

I do know I can add page sections via Theme Options. In adding something like Blog Grid Posts, its full width all the way to the edge, which is just not aesthetic. I typically would design/build with Page Builder because I can better control the layout. But in doing so, the beauty of the demon content is lost.

Any advice you can offer would be wonderful… what I’m doing wrong or maybe something is being glitchy. Currently building website here *Login to see link THANK YOU!

[kelly5]

kelly5

#238413

I’ve installed the demo content successfully and changed colors/images/text, but I’d like to add some things. To do so I thought I would try implementing Page Builder Site Origin, but when I convert to editor, I loose a lot of the design intricacies – the code does not carry over to Page Builder correctly, even if I copy and past it before switching to Page Builder.

I am using the Agency version of Ascend. I did not save my work, so the demo content is still displaying as shown in your demo, but when previewing from top to bottom, some things that stand out are: there is a top margin or padding I can’t figure out how to eliminate, the fun jagged bottom border disappears from the top image, the split content style images after with their overlaid text get all enlarged and the overlay is messed up, the bottom three image blocks get out of alignment. It’s really odd. The demo content code on the page is beyond me to build more with it as is, though comfortable making light html changes to what is there, obviously.

I do know I can add page sections via Theme Options. In adding something like Blog Grid Posts, its full width all the way to the edge, which is just not aesthetic. I typically would design/build with Page Builder because I can better control the layout. But in doing so, the beauty of the demon content is lost.

Any advice you can offer would be wonderful… what I’m doing wrong or maybe something is being glitchy. Currently building website here *Login to see link THANK YOU!