Search Results for 'post grid'

[Hannah]

Hannah

#175086

Hi Rachel,
I think the simplest solution would be to create a page for each of your authors. You would also need to create a category for each of your authors and assign the posts accordingly. Then you could use the blog grid page template and select a specific category to display (being the author), and you could add the author bio info to the page content area. Would that work for you?

Hannah

[Hannah]

Hannah

#175068

Hi keramchugh,
Can you please post a link to your blog page? You’re using the blog grid page template, correct? http://docs.kadencethemes.com/virtue-premium/templates/blog-grid-template/

Hannah

[Sarah]

Sarah

#175050

hey,

I wanted to create a new portfolio page. The theme changed, I cannot find “Page Attributes”>”Template”. I tried the editor and choosed the widget “Pinnacle: Post Grid”, selected “Portfolio”. the result is not to my satisfaction. The portfolio items are too small and I am looking for possibilities to edit the portfolio page.

Is there another possibility to edit portfolio page that with the “Pinnacle: Post Grid”? like in the past?

Thank you in advance.

Best regards
Sarah

[Sarah]

Sarah

#175050

hey,

I wanted to create a new portfolio page. The theme changed, I cannot find “Page Attributes”>”Template”. I tried the editor and choosed the widget “Pinnacle: Post Grid”, selected “Portfolio”. the result is not to my satisfaction. The portfolio items are too small and I am looking for possibilities to edit the portfolio page.

Is there another possibility to edit portfolio page that with the “Pinnacle: Post Grid”? like in the past?

Thank you in advance.

Best regards
Sarah

[Gabi]

Gabi

#174478

Hi, I want to put the blog grid with the shortcode on my page. The page is without sidebar, fullwide.
I want to have the grid displayed in 3 columns, here is the shortcode:
[blog_posts type=”grid” orderby=”date” items=”6″ columns=”3″]
but it is not working, 4 columns grid are showing.
Can you please give me some advice, thanks in advance, Gabi

[Gabi]

Gabi

#174478

Hi, I want to put the blog grid with the shortcode on my page. The page is without sidebar, fullwide.
I want to have the grid displayed in 3 columns, here is the shortcode:
[blog_posts type=”grid” orderby=”date” items=”6″ columns=”3″]
but it is not working, 4 columns grid are showing.
Can you please give me some advice, thanks in advance, Gabi

[Carl-Johan]

Carl-Johan

#174409

Thank you Ben!

I am afraid that the sale button colour still hasn’t changed. Have I done anything wrong? This is the custom CSS I on the site have at the moment:

span.onsale {

background: #d100ff;
}
.image_menu_item_link .image_menu_message h4 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.blog_item.grid_item .post-grid-footer-meta {
border: 0;
}
a.kt-excerpt-readmore {
font-weight: bold;
}
.kt_bc_nomargin #kadbreadcrumbs {
background: white;
}
.image_menu_item_link .image_menu_message {
border: 0;
}
.headerclass {
padding-bottom: 18px
}
.product_item .kt-notrated {
display: none;
)

[Ben Ritner]

Ben Ritner

#174401

2. If you want more space removed add this:

.home-product-carousel .products.kt-content-carousel .slick-track {
    padding-bottom: 0;
}

It can be hard to give the css that you want when it’s a vague term like “more” or “less” space.

4. You are not adding a subtitle and when the text placement is on the bottom it’s designed to have a subtitle.

If you are not going to add a subtitle then use this css:

.image_menu_item_link .image_menu_message h4 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

5. Kevins css is correct, just remove any extra spacing around it and remove the css above it.

6. Add this css:

.blog_item.grid_item .post-grid-footer-meta {
    border: 0;
}
a.kt-excerpt-readmore {
    font-weight: bold;
}

Ben

[Cynthia]

Cynthia

#174198

Hi!

I was wondering if there’s a code I can use so that my blog grid only displays the photo and title of the post.

I’ve used following code on my pages: .page-template-page-blog-grid .postcontent footer,.page-template-page-blog-grid .postcontent .subhead {
display: none; and that works.

I was wondering if there’s a similar code for categories and tags. Here’s an example: *Login to see link and I’d love the blog grid to look like the one on this page: *Login to see link

Thank you for your help!

[Cynthia]

Cynthia

#174198

Hi!

I was wondering if there’s a code I can use so that my blog grid only displays the photo and title of the post.

I’ve used following code on my pages: .page-template-page-blog-grid .postcontent footer,.page-template-page-blog-grid .postcontent .subhead {
display: none; and that works.

I was wondering if there’s a similar code for categories and tags. Here’s an example: *Login to see link and I’d love the blog grid to look like the one on this page: *Login to see link

Thank you for your help!

[Hannah]

Hannah

#174055

Hi,
You can create as many portfolio pages you want using the Portfolio Grid page template. Within the portfolio edit page you should see an option to select a specific portfolio type for that page. So just make sure you have already created these types and assigned portfolio posts to them.
Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#173484

I figured out the issue on your first site. I’m about to push an update out. On your second site you are using a blog grid. The date should be at the bottom of the post. From what I can see from the code it’s not being output. What are you editing in your child theme?

Ben

[Ben Ritner]

Ben Ritner

#173250

When I go to the edit page of a portfolio post you can see that many of the images assigned to the gallery have since been deleted from your site. Thus the empty images.

All you need to do is update your gallery in each portfolio post. In the future, I suggest removing the images from your posts before deleting them from your site.

I updated the Necklaces post so you can see it working.

Also worth noting that you are using extremely small images in your portfolio galleries. This makes it impossible for the images to be copped to fix the portfolio grid and thus creates overlay in your slider as these images are stretched to try and fit the size of the grid.

There isn’t any reason to upload images so small. You should always be wanting to support retina so I suggest at least 1600x1600px for image sizes.

Ben

[Ben Ritner]

Ben Ritner

#172691

It’s not a requirement that you upload 2400px wide. As you can see from your site the image shows just fine if it’s small. It’s just not going to fill a space larger than itself. It’s up to you if you want your images to fill a space.

We recommend in our tutorials and posts at least 1600×1600 and larger for images that fill a screen but there is no rule. But it also doesn’t make any sense that you would ever upload small images if you want to support HD and retina screens regardless of where you are placing the image.

If I use the page type blog grid- the actual grid is appearing below my email capture form which is set to appear at the bottom of the page.

Template output will always be below the content you add inside the page content.

If you want your email form to be below blog posts you will need to add those blog posts as a shortcode and place the form below it. Making sure to not use a page template but a fullwidth or default one.

Ben

[Ben Ritner]

Ben Ritner

#172676

4. The update is out.

8. It’s not part of the dropdown. Not all shortcodes are in the dropdown. it’s not something you have to “code” you can copy and paste it from the docs, edit what you want of it. for example if you want 8 items instead of 4 then change the items. Or if you want 3 columns instead of 2 change the columns.

[blog_grid orderby=date items=8 columns=3]

Sticky means that post will show first in any normal loop so that created by a page or shortcode.

[contactus1]

contactus1

#172674

This reply has been marked as private.

[contactus1]

contactus1

#172661

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#172629

4. Hmm in that case you can add this css:

.single-article article.kt_post_header_content-.post header {
    margin-top:0;
}

7. I think you are just confusing shortcodes.

You want a blog grid so you need to use a the blog grid shortcode:

[blog_grid orderby=date items=4 columns=2]

7b.

And changing a post format to full width and setting the header to image I am expecting a post to look like
http://themes.kadencethemes.com/virtue-bold/stumbling-upon-falls/
with the text and box recessing into the photo

But it does not
https://site2602763.nestifysites.com/great-reasons-visit-plovdiv-bulgaria/

Your image it not large enough. Thus it’s not wide enough to expand around the header other wise you would see the page looking like the demo. You simply need to upload a larger image.

You should always be uploading images around 1600px or larger. And for a large header like that I suggest 2400 since you will want to support retina screens.

8. The page width is not the same as virtue premium This child theme overrides styles. Like the page width style, it’s controlled by percentage instead of breaking points.

If you are on a larger screen for example your post grid would be 4 columns.

If you want to force it to be 4 columns on smaller screens you can with css like this:

@media (min-width: 992px){
    .imagegrid-widget > a {
        float: left;
        width: 25%;
    }
}

If you want the social media to be forced into one line on smaller screens you can use this css:

@media (min-width: 992px) and (max-width: 1200px) {
#containerfooter .virtue_social_widget a {
    padding: 6px;
}
}

Ben

[contactus1]

contactus1

#172571

1, 2, 3, 5, 6 resolved

for 4
The site default in none and on the post is says – site default- this leaves the post over the logo. When I change it to none- it does display correctly.

This cause several issues- I would have to go through over 350+ posts to change this to none rather site default and 2) for post type “recipes” – (using a plugin- which inserts the recipe format) the stand post option box does not appear on the individual post- I assume it is just reading the theme options. Any reason this doesn’t read the theme settings like it does in Virtue Premium?

7. Okay- but then site does not appear like your demo
somehow I am expecting the home page “blog grid to appear like the blog grid here
http://themes.kadencethemes.com/virtue-bold/blog-grid-example/
or the way they appear on the archive page i.e. https://site2602763.nestifysites.com/destination/bhutan/

instead they appear totally different i.e. nothing like the format anywhere else in the theme – in fact it looks like the formatting on my current archive pages in the Virtue Premium theme.

and if you look at the current home page on the staging site with BOLD-

the first 4 posts are from the theme defaults on the home page i.e. display blog posts- this is what I would expect to look similar to the examples above, (I can’t figure out how you get anything to appear to look like your blog grid example.) This is a page with blog grid selected as the template:
https://site2602763.nestifysites.com/blog-grid-testing/

and the 5 post appearing at the bottom – I don’t understand- the shortcode reads [blog_posts items=”4″ orderby=”date”] and the first blog post is 2 years old- so I can’t understand why it is appearing here?? and the inclusion of it means 5 are appearing??

And changing a post format to full width and setting the header to image I am expecting a post to look like
http://themes.kadencethemes.com/virtue-bold/stumbling-upon-falls/
with the text and box recessing into the photo

But it does not
https://site2602763.nestifysites.com/great-reasons-visit-plovdiv-bulgaria/

New issue
8. Is the page width narrower- I notice my social share bar now wraps over two line and the recent post grid in column 3 in the footer in only 3 columns wide not 4? Is there a way to adjust this to make it the same width it was in virtue premium?

Thanks for your assistance.

Elizabeth

[hello39]

hello39

#172212

Hi Ben,
1) Thanks so much, I think you understood it right. The thing is, when I upload the function, it all turns white and the site is not accessible anymore. So I reloaded the initial function.php, and just used the CSS which centeres the post title in grid mode all right.

2) I’d like to do the same with the categories on grid mode though, so that both title and categories are centered underneath the features image on the grid.

The functions was to invert the categories/title to title/categories underneath the image, as it is when you clic on a single post, but that’s no big deal, it looks great just centered as well.

THANKS A GREAT LOT

[Ben Ritner]

Ben Ritner

#171833

It’s really hard to understand what your asking so I’m kinda guessing. But I think you want this function:

function child_init_second() {
	remove_action( 'kadence_post_grid_excerpt_before_header', 'ascend_post_header_meta_categories', 20 );
	add_action( 'kadence_post_grid_excerpt_header', 'ascend_post_header_meta_categories', 15 );
        remove_action( 'kadence_post_excerpt_before_header', 'ascend_post_header_meta_categories', 20 );
	add_action( 'ascend_post_excerpt_header', 'ascend_post_header_meta_categories', 15 );
}
add_action( 'init', 'child_init_second' );

Then I think you want this css:

.blog_item.grid_item .postcontent header {
    text-align: center;
}
.postlist article.kad_blog_item header {
    text-align: center;
}

Ben

[hello39]

hello39

#171804

Thank you Hannah,

1. Yes, exactly! I mean I’d like the title and category to be centered undeneath the image in the grid-display of the “latest posts” or “similar post”, or on the category page… I’m sending page links below.
I would as well like the title to apear first, then the category below the title, as it is displayed on my single posts.

So it would be like this in “LATEST POSTS”, on “category pages”, or in “similar posts” when available:
(centered) Post title
(Centered) Post Categories
(Centered) Post date

(Left aligned) text.

2. I added a second closing bracket. Hope this is what I was supposed to do!

Thanks so much

[Hannah]

Hannah

#171419

Hey,
In Theme Options > Blog Options > Blog Category/Archive Defaults set the Category Display Type to Grid Post.
Hope that helps!

Hannah