Search Results for 'post grid'

[Hannah]

Hannah

#119380

Hey,
In Theme Options > Blog Options set Display Blog Grid posts at equal height to On.

Hannah

[Rick]

Rick

#119379

Thanks, Hannah. This works great…mostly.

Now the problem is the images are low resolution (I assume because they are being stretched from small versions of the images) which is very noticeable when viewed on a computer monitor. If you look on my home page, agitainment.com, I’ve left the short code version of the blog grid just below your fix, and you can see the difference.

So the question is…How can I get higher resolution images using your fix?

By the way, here is the css I used to get the short code version to display high resolution, centered rectangles, instead of low resolution squares (I already tried it with your fix and it still leaves the images in low resolution, though it does make them nice rectangles):

.home .kt-post-image-div {
/*this samples center part of image for home blog grid*/
object-fit: none; /* Do not scale the image */
object-position: center; /* Center the image within the element */
height: 320px;
width: 100%;
overflow:hidden;
}

Thanks again for your help!

[Rick]

Rick

#119316

Then it looks like I’m back to square one. So since short code doesn’t do the trick, the question becomes…

How do I get the Latest Blog Posts grid on my home page to do the following:
1) Display a rectangular image at the top of each excerpt that spans the entire grid column AND
2) Display the date box with the excerpt?

These guys have done it (http://wowxwow.com/) and it looks like they’re using Virtue Premium like me.

Any ideas?

Thanks!

[arantza.pe424]

arantza.pe424

#119284

Hi, when I add a fetured image to a post it looks great in the grid, but it appears at the beggning of the post and it looks akward. How can I mantein the feature picture for the grid but without appearing at the beggining of the posts? thank you. For example: *Login to see link

[arantza.pe424]

arantza.pe424

#119284

Hi, when I add a fetured image to a post it looks great in the grid, but it appears at the beggning of the post and it looks akward. How can I mantein the feature picture for the grid but without appearing at the beggining of the posts? thank you. For example: *Login to see link

[Rick]

Rick

#119249

Just to be clear, I’m creating the Latest Blog Posts grid on my home page using this shortcode in my Home Widget Area: [blog_grid orderby=date items=4 columns=2]. Doing this shows a small calendar icon after the image and before the excerpt.

What I want to include, instead of the calendar icon, is the usual box with the date (just like what appears on the blog page).

Thoughts?

[Rick]

Rick

#119233

Hi, Hannah. Unfortunately this isn’t working properly. For one thing, it’s not displaying one of the blog post images. Second, it’s not displaying the date box underneath the image. Third, I can’t get css to change the height of the images.

There must be another way. If you look at http://wowxwow.com/, it looks like they are using the standard Latest Blog Posts grid, only theirs has wider images. If you click on one of the posts, it looks like the full-sized images are being sampled to create the rectangular images that show up on the home page–which is what is happening in my standard Latest Blog Posts grid, except my images are coming in as squares instead of rectangles. Does this make sense?

Any ideas?

[Ben Ritner]

Ben Ritner

#119199

Hey

1. By default your images in a grid will size to whatever ratio you upload them as. Widths will all match for the grid but the height is based on what you upload so if you uploaded all the same ratio they would all be the same.

If you want the theme to force a crop on your image in the grid format you can use a child theme and apply this filter in the child theme functions.php file:

add_filter('kadence_blog_grid_image_height', 'custom_grid_force_crop');
function custom_grid_force_crop() {
	return 364;
}

2. The columns are set on the page through the columns option… see here: http://docs.kadencethemes.com/virtue-premium/templates/blog-grid-template/

3. In your settings > reading. If you define a page as your “posts page” then wordpress adds the loop to that page and ignores whatever template you set for it.

Ben

[leila.kubegusa]

leila.kubegusa

#119195

Hi team!

How can I make the pictures on my blog grid the same size?

And where can I change how many columns on the grid like on your Virtue demo..? It seems to go for 4 as a default… I’ve looked everywhere and I’m sure I’m probably missing something simple..

Also: I had created a page called ‘blog’ and added it to the top bar menu a while ago. When I went back today for further customization, I was suprised to see the page on ‘standard’, so not ‘blog’ or ‘blog grid’. I was puzzled as to how the page ‘knew’ to display the blog posts – since the page type was ‘standard’. It showed the blog posts excerpts automatically listed one underneath the other. Can you shed a light on this…?

Thanks in advance!

Leila

[leila.kubegusa]

leila.kubegusa

#119195

Hi team!

How can I make the pictures on my blog grid the same size?

And where can I change how many columns on the grid like on your Virtue demo..? It seems to go for 4 as a default… I’ve looked everywhere and I’m sure I’m probably missing something simple..

Also: I had created a page called ‘blog’ and added it to the top bar menu a while ago. When I went back today for further customization, I was suprised to see the page on ‘standard’, so not ‘blog’ or ‘blog grid’. I was puzzled as to how the page ‘knew’ to display the blog posts – since the page type was ‘standard’. It showed the blog posts excerpts automatically listed one underneath the other. Can you shed a light on this…?

Thanks in advance!

Leila

[Rick]

Rick

#118914

Greetings.

I’m trying to get the images that accompany my blog excerpts in the Latest Blog Posts grid on my home page to appear as wide rectangles that fill the whole column width, rather than small squares as the are now.

You can see what I have now at *Login to see link

What I would like to do can be seen here: *Login to see link

Thoughts?

Thanks!

[Rick]

Rick

#118914

Greetings.

I’m trying to get the images that accompany my blog excerpts in the Latest Blog Posts grid on my home page to appear as wide rectangles that fill the whole column width, rather than small squares as the are now.

You can see what I have now at *Login to see link

What I would like to do can be seen here: *Login to see link

Thoughts?

Thanks!

[Elaine]

Elaine

#118675

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#118382

Hey Katie,
Help me understand more what your wanting. If you look at the demo here: http://themes.kadencethemes.com/virtue-premium/blog/

What type of layout for your blog page are you wanting? For example are you wanting a grid or a list? Are you wanting to show the full post or just an excerpt?

Ben

[Ben Ritner]

Ben Ritner

#117853

Hey,
You would have to make two main categories if you wanted to have two separate “blogs” Make one main recipe category and one main blog category and have all your child categories under those two. Then for the recipe page use the recipe category and for the blog page use the blog category. In both pages use the blog page template.

I’m not understanding where icons come in. I don’t see any icons? Just a grid of posts? If your wanting a grid of postes you can use the blog-grid page template.

Ben

[Gert]

Gert

#117753

Hello,

When I set “Display Blog Grid posts at equal height” and “Use Infinite Scroll on Blog archive pages” both to “on”, then only the first 10 posts on a blog archive or category page display correctly at equal height.

When you start scrolling, the new appearing posts (starting from post 11) do not longer display at equal height.

How do I solve this ?

Thanks.

Gert

[Gert]

Gert

#117753

Hello,

When I set “Display Blog Grid posts at equal height” and “Use Infinite Scroll on Blog archive pages” both to “on”, then only the first 10 posts on a blog archive or category page display correctly at equal height.

When you start scrolling, the new appearing posts (starting from post 11) do not longer display at equal height.

How do I solve this ?

Thanks.

Gert

[Malini]

Malini

#117639

My site is http://www.restoresimply.com.

I’d like to be able to create image icons on two pages, the blog page and the recipes page. Idea is so user gets to see pictures i grids or as icons so they can click on the pictures to read the recipes or posts. Is there any way to do that. also would like to create the recipes page as a blog page so I can update the recipes and each recipe could be a unique post with its own url. Any suggestions on how to do that.

[Malini]

Malini

#117639

My site is http://www.restoresimply.com.

I’d like to be able to create image icons on two pages, the blog page and the recipes page. Idea is so user gets to see pictures i grids or as icons so they can click on the pictures to read the recipes or posts. Is there any way to do that. also would like to create the recipes page as a blog page so I can update the recipes and each recipe could be a unique post with its own url. Any suggestions on how to do that.

[Hannah]

Hannah

#117523

Hi Karina,
1. I can see your image in the summary. Are you not seeing that?

2. There are several ways to show your latest posts on the homepage. You can either set your homepage as the latest posts pages from Settings > Reading (then make sure Page Content is enabled in the homepage layout manager in Theme Options > Home Layout). Or you can use the Latest Blog Posts option from Theme Options > Home Layout. Or another option is to use a shortcode like this: [blog_grid orderby=date items=6 columns=3]

Hope that helps!
Hannah

[Pipa]

Pipa

#117302

hi Hannah!

Thank you once again!

3&4. i thought that was only for products. but worked well, thank you. 🙂

5. Spectacular!!! Thank you very much, it looks perfect now. 🙂

6. i made the changes but the masonry=false won’t work in any of the options…. Using the ‘standard template’ the format is sort of similar to home but the picture sizes looks out of configuration (image boxes showing in different shapes and sizes); when i change the layout to post grid the content of the posts re appear and we found the same issue as the standard as the boxes appears in different shapes and sizes as well. i have tried change the code from blog_posts to kad blog/ grid & adding imgheight= but no success…

– Basically, when creating the new pages (as the one I posted on the last message which i am using as trial) using the code [blog_posts columns=”2″ items=”6″ orderby=”date” type=normal cat=beauty masonry=false] the ‘content’ of the boxes are perfect (just the image with the tittle on transparency background) but they are not aesthetically symmetrical. i am trying to make all the image boxes aligned, the same size & organised as the home page, but the basics ‘masonry=false’ and theme options > blog grid in equal weight are not working on my end….

I will keep studying it and trying new ideas but please let me know if you have a new idea or you could share a css i would appreciate so much 🙂

Thank you very much

[Pipa]

Pipa

#117148

Hi Hannah, very good morning!

Thank you for your reply.

2) i managed to add the icon-home using a css/ menu options, on a different browser (chrome, as usually i work on ffox). But has a but… every time that i need to open or make any change on appearance >> menu page, the icon drops out because i am trying to keep the tittle empty. works, but i need set all again every time i open the menu page 🙂

3) no, i didnt figured out yet how to move the menu icon to the top right on mobile version only, that topic link is from someone else which i used as an example as some other users managed.

4) the code works. On tablets it looks cool but on mobile the widgets still too big. It is there an option to reduce the widget on mobile or remove it?

5) perfect. but sizewise (on mobile version) its possible to enlarge?

6) super fantastic. works the treat!

7) nope…. i tried to change the type normal to photo & blog_post to blog_grid and added masonry=false but didnt change, still showing in different sizes. I also tried to change it using as grid with a different code (below) but didnt work either.

#kad-blog-grid .blog_item .imghoverclass.img-margin-center {
max-height: 140px;
overflow: hidden;
}

I also tried to change page attributes > template to blog and to blog grid but i imagine i am missing some thing maybe….

Many thanks and a great day 🙂

[Pipa]

Pipa

#117080

Hi Kevin!

Thanks for the message.

2. I only need it on the first item, which is home. On the css, I use ‘icon-home’; i tried to use the code with the icon that i already have on css space but didnt work…

3. On this link below, the third line you will see a ‘home’ link. If you read it from a mobile or just reduce your screen you will be able to see the menu icon on the top right.
https://www.kadencewp.com/support-forums/topic/customize-header/

4. i tried the code but the header didnt change (?)

5. the code is good. it removes the right/left arrows but keep the bottom dots. sure, i would love the transparency code, thank you 🙂

6. the search box didnt move, maybe conflicting with the current codes?

Let me enjoy that I am here and ask something else – I am remaking all my pages as i am writing and on my front page (home) the photo grid looks amazing. If I make links as pages only using category link, the page looks just a standard grid; if i build a page using the code [blog_posts columns=”2″ items=”6″ orderby=”date” word_count=1 type=normal] exactly as i have on the front page just adding cat=XXX , the page will be similar to the first page but the pictures are not symmetric as home (looks more like pinterest). Am i missing some detail or is there a ‘trick’ which makes every single page respect the code i have working on the home page?

Once again, many thanks. I really appreciate your help.

[Hannah]

Hannah

#116982

Hey,
In Theme Options > Blog Options set Display Blog Grid posts at equal height to On.
Hope that helps!

Hannah

[Lori]

Lori

#116771

Thank you, Kevin:

For issues 2 & 3, thanks very much, they worked perfectly!

For issue #1, the reason I can’t solve the whole problem doing what you described is because the Portfolio Grid images on these Portfolio Post Pages is not “inside” the page builder. Please see my second paragraph where I described this, above.

Thanks for your speedy reply, too! –Lori