Search Results for 'post grid'

[Ben Ritner]

Ben Ritner

#57556

Just another option if you wanted to keep your page static you can use the blog grid shortcode.

[blog_grid columns="3" items="3"]

Or you can use the virtue carousel widget and add a carousel of posts that are set as three columns.

Ben

[Hannah]

Hannah

#57527

Hi Richard,
So you can actually do this by making your homepage the latest post page (Settings > Reading). Go to Theme Options > Home Layout and scroll down to Page Content Options. Enable Use Post Grid Format and you should see the option to set the number of columns. Then just make sure page content is enabled in the homepage layout manager.
Hope that helps!

Hannah

[Richard]

Richard

#57496

Hi there Virtue support team,

I would like to display my latest blog posts in 3 columns on my homepage. I have been using the latest blog posts option in the home layout, but this unfortunately only allows 2 columns.

I have tried the Virtue post grid widget. Here I can select the number of columns, but for some reason the posts are only displayed as very small thumbnails centered to the left.

I have also tried the Site Origin Post Carousel but I need to install the site origin widgets bundle, for which I do not have enough permissions as it turns out.

What would be the best solution?

[Richard]

Richard

#57496

Hi there Virtue support team,

I would like to display my latest blog posts in 3 columns on my homepage. I have been using the latest blog posts option in the home layout, but this unfortunately only allows 2 columns.

I have tried the Virtue post grid widget. Here I can select the number of columns, but for some reason the posts are only displayed as very small thumbnails centered to the left.

I have also tried the Site Origin Post Carousel but I need to install the site origin widgets bundle, for which I do not have enough permissions as it turns out.

What would be the best solution?

[andrea.juelich]

andrea.juelich

#57409

This reply has been marked as private.

[Max]

Max

#57063

I’m trying to set up a custom product sort. But something seems to be missing. On this post: *Login to see link “Paul” refers to “Products/Sort Products admin page” and I’ve seen that referred to elsewhere in the forum by Ben.

But on my admin I have only this: WooCommerce/Products: “General | Display | Inventory | Downloadable Products”. I see no option to sort products in the Woo settings, nor in my product grid. Am I missing something, or did they take away this option?

[Max]

Max

#57063

I’m trying to set up a custom product sort. But something seems to be missing. On this post: *Login to see link “Paul” refers to “Products/Sort Products admin page” and I’ve seen that referred to elsewhere in the forum by Ben.

But on my admin I have only this: WooCommerce/Products: “General | Display | Inventory | Downloadable Products”. I see no option to sort products in the Woo settings, nor in my product grid. Am I missing something, or did they take away this option?

[Jori]

Jori

#57060

Hope i can leave you in peace soon, lol..

I created this bloggrid with a shortcode but the share-buttons do not show the logo’s, while they do on post-pages.

*Login to see link ining/blog-2/

Any thoughts on how to fix that?

[Jori]

Jori

#57060

Hope i can leave you in peace soon, lol..

I created this bloggrid with a shortcode but the share-buttons do not show the logo’s, while they do on post-pages.

*Login to see link ining/blog-2/

Any thoughts on how to fix that?

[Ben Ritner]

Ben Ritner

#56445

Hey.
In your theme options > home layout. Make the “page content” enabled and disable the “latest posts”

See here: https://www.kadencewp.com/creating-a-home-page-with-virtue/

You can set the layout to grid if you like by using the grid option on the bottom of the theme options > home layout.

Ben

[Hannah]

Hannah

#56231

Hi Leah,
Have you tried using the blog grid page template? You can set this from the edit page under Page Attributes.
Another option is to use a shortcode. Something like this:
[blog_posts orderby=date items=4 type="normal" cat=photos]
Then you would just past that in page content area. See here- http://docs.kadencethemes.com/pinnacle/#shortcodes
Hope that helps!

Hannah

[Leah]

Leah

#56169

Hi,

I have a site that has a homepage for all four different client segments, which then clicks through to sub-pages for each of these groups.
I would like to have the Latest Blog posts on the homepage (as done in the Home Layout section of the Theme Options) – and then have this same Latest Blog posts widget on each of the sub-pages (along with other page content, so not a blog template situation), but then only pulling posts from the category relevant for this target.
I have looked at page builder to try and get this to work – but the best I can find is Pinnacle Post Grid which only shows very small thumbnails, rather than the larger images I can achieve on the homepage.
Is there a way I can do this that I have missed?

Thanks

[Leah]

Leah

#56169

Hi,

I have a site that has a homepage for all four different client segments, which then clicks through to sub-pages for each of these groups.
I would like to have the Latest Blog posts on the homepage (as done in the Home Layout section of the Theme Options) – and then have this same Latest Blog posts widget on each of the sub-pages (along with other page content, so not a blog template situation), but then only pulling posts from the category relevant for this target.
I have looked at page builder to try and get this to work – but the best I can find is Pinnacle Post Grid which only shows very small thumbnails, rather than the larger images I can achieve on the homepage.
Is there a way I can do this that I have missed?

Thanks

[Ben Ritner]

Ben Ritner

#56120

Hey,
Pages can’t have the same permalink as a portfolio post. so If you want a grid on your home page you can use a gallery and then manually add each page link for each image using this plugin: https://wordpress.org/plugins/wp-gallery-custom-links/

Or you can add a portfolio post for each page and add in a redirect so that you would have a page for each post and you would redirect the post url to the page: https://wordpress.org/plugins/safe-redirect-manager/

Or you can approach this opposite of above and make all your portfolio posts then add redirects for the page urls that are getting traffic.

Ben

[Hannah]

Hannah

#55207

Hi Bev,
So your testimonial posts are set up kind of like portfolio posts. From the admin panel you should see Testimonials. That’s where you can create the individual posts. Then you can create a testimonial grid page by creating a page and setting the page template to Testimonial Grid. As for the homepage carousel, you can set that up by enabling the homepage widget area in Theme Options > Home Layout then go to Appearance > Widgets and add a Virtue: Testimonial Carousel widget to the homepage widget area.
Hope that helps!

Hannah

[Rolf Espen]

Rolf Espen

#54802

Hi,

Thank you again for a wonderful theme, and great support!

I am having some issues again when on a smaller screen.
For the footer I am using all 4 columns, and after putting in widgets here there are a few problems when viewing on smaller screens.
The body content eihter falls under the footer or is placed on top.
Previously I had some issues with the footer when working on my computer screen, so I added som codes I found, and now I am unsure how to fix it.

I want to keep the spacing between the body content and footer like I have it now on the computer screen, and obviously make it not overlap or disapear on the smaller screens.

Including some photos.

Picture 1 – Spacing between body content and footer – computer screen
Picture 2 – Spacing between body content and footer – mobile screen
Picture 3 – Spacing between body content and footer – mobile screen
Picture 4 – Spacing between body content and footer – mobile screen

My Custom CSS looks like this:

.page-header {
display: none;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:300px;}

#nav-main ul.sf-menu li ul.sf-dropdown-menu li a:hover {color:#f2a79d;}

@media (min-width: 992px) {
#nav-second ul.sf-menu {
display: none;
}
.page-id-34 #nav-second ul.sf-menu {
display: block;
}
}

.sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {width: 140px;}

a:focus {
outline: none;
}

@media (min-width: 992px){
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 15px;
padding-left: 15px;
}
}

@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
}

.products div.product {
border:none;
}

#nav-main ul.sf-menu {
margin-top: 50px;
margin-bottom: 0px;
}

[class*=”post”] { border:none !important; }
#kad-blog-grid .blog_item {
border: 0;
}

.footerclass h3 {
font-size: 16px;
}

.footerclass {
font-size: 12px;
}

.footernav ul li a:hover {
background: none;
}

#containerfooter .menu li a {
background: 0;
}

.footerclass a:hover {
color: #fff;
}

.footer-widget .widget, .footer-widget {
margin-top:0;
}
#containerfooter {
padding-top: 10;
}
.footercredits {
padding-top: 10;
padding-bottom: 0;
}

#containerfooter .menu {
margin: -8px;
}

Anyone able to help with this as soon as possible? 🙂

[Rolf Espen]

Rolf Espen

#54802

Hi,

Thank you again for a wonderful theme, and great support!

I am having some issues again when on a smaller screen.
For the footer I am using all 4 columns, and after putting in widgets here there are a few problems when viewing on smaller screens.
The body content eihter falls under the footer or is placed on top.
Previously I had some issues with the footer when working on my computer screen, so I added som codes I found, and now I am unsure how to fix it.

I want to keep the spacing between the body content and footer like I have it now on the computer screen, and obviously make it not overlap or disapear on the smaller screens.

Including some photos.

Picture 1 – Spacing between body content and footer – computer screen
Picture 2 – Spacing between body content and footer – mobile screen
Picture 3 – Spacing between body content and footer – mobile screen
Picture 4 – Spacing between body content and footer – mobile screen

My Custom CSS looks like this:

.page-header {
display: none;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:300px;}

#nav-main ul.sf-menu li ul.sf-dropdown-menu li a:hover {color:#f2a79d;}

@media (min-width: 992px) {
#nav-second ul.sf-menu {
display: none;
}
.page-id-34 #nav-second ul.sf-menu {
display: block;
}
}

.sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {width: 140px;}

a:focus {
outline: none;
}

@media (min-width: 992px){
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 15px;
padding-left: 15px;
}
}

@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
}

.products div.product {
border:none;
}

#nav-main ul.sf-menu {
margin-top: 50px;
margin-bottom: 0px;
}

[class*=”post”] { border:none !important; }
#kad-blog-grid .blog_item {
border: 0;
}

.footerclass h3 {
font-size: 16px;
}

.footerclass {
font-size: 12px;
}

.footernav ul li a:hover {
background: none;
}

#containerfooter .menu li a {
background: 0;
}

.footerclass a:hover {
color: #fff;
}

.footer-widget .widget, .footer-widget {
margin-top:0;
}
#containerfooter {
padding-top: 10;
}
.footercredits {
padding-top: 10;
padding-bottom: 0;
}

#containerfooter .menu {
margin: -8px;
}

Anyone able to help with this as soon as possible? 🙂

[hayley]

hayley

#54107

Thank you. There doesnt seem to be an option for products under that panel.

I have:
posts
porfolio
media
photo albums
pages
grids testimonials
staff
comments
theme options…

thank you

[Karen]

Karen

#54021

Can I jump on this thread?
I love the link that Ben put above http://themes.kadencethemes.com/virtue-premium/product-categories-grid-2/ but I’m having trouble achieving something like it.
http://www.sewkaz.com/?post_type=product
Can you tell me why all the pictures are also visible under the category boxes?
P.S. I’m a novice so have no idea about CSS

[richard]

richard

#53846

Testimonials show up fine in my testimonial grid but the latest testimonial posts are not showing up in the testimonial carousel which, among other things provides the only link to the testimonial grid at the moment, probably not the best way to do things and i will change it at a later date, any thoughts would be welcome,

PS
i have not updated in a while as things were running smooth and web design burn out got the better of me, so this might be the issue

*Login to see link

*Login to see link

[richard]

richard

#53846

Testimonials show up fine in my testimonial grid but the latest testimonial posts are not showing up in the testimonial carousel which, among other things provides the only link to the testimonial grid at the moment, probably not the best way to do things and i will change it at a later date, any thoughts would be welcome,

PS
i have not updated in a while as things were running smooth and web design burn out got the better of me, so this might be the issue

*Login to see link

*Login to see link

[Achim]

Achim

#53627

Hi,
I would like to display square and rectangle product images in a 4 column square grid.
Unfortunately that looks pretty ugly, because the images have different hights.
When I set the option “hard crop”, everything looks fine, but I lose so much details of the rectangle image.

Now i put a another div Container around the image an set the hight to 270px and I got the look what I wanted.

Screenshot:

But I don’t think that this is a good solution because the hight will always 270px, no matter what screen resolution you use.

Have you any idea or CSS hack for this problem?

Hopefully this post is understandable. Sorry for my bad english.

Achim

[Achim]

Achim

#53627

Hi,
I would like to display square and rectangle product images in a 4 column square grid.
Unfortunately that looks pretty ugly, because the images have different hights.
When I set the option “hard crop”, everything looks fine, but I lose so much details of the rectangle image.

Now i put a another div Container around the image an set the hight to 270px and I got the look what I wanted.

Screenshot:

But I don’t think that this is a good solution because the hight will always 270px, no matter what screen resolution you use.

Have you any idea or CSS hack for this problem?

Hopefully this post is understandable. Sorry for my bad english.

Achim

[Hannah]

Hannah

#53497

Hey John,
So those are actually portfolio posts, not portfolio categories. You can set this up using the portfolio grid page template. It will pull the featured image from each portfolio post.
Hope that helps!

Hannah

[Nadine]

Nadine

#53338

Thanks,

I have added something like this:

[custom_carousel columns=5 speed=9000 scroll=1]

[carousel_item columns=5]
[caption id="attachment_2626" align="alignnone" width="240"]<a href="https://www.fiveroasters.de/transparenzbericht/"><img class="wp-image-2626" src="https://www.fiveroasters.de/wp-content/uploads/2015/08/Transparenzbericht.jpg" alt="Transparenzbericht" width="240" height="240" /></a> <a href="https://www.fiveroasters.de/transparenzbericht/"><h5>Transparenzbericht</h5></a>[/caption]
[/carousel_item]

... 4 more carousel_item blocks...

[/custom_carousel]

The problem is that the genenerated html and its css classes are different from what is done on the startpage:

1. It generates <div class="carousel_item grid_item"> whereas it is the following for the startpage <div class="grid_item product product_item custom_carousel_item all postclass">. I think it should be custom_carousel_item also for the shortcode. I know how I can copy the CSS over, but I think this should be fixed in an upcoming version of virtue.

2. Other CSS like

#home-custom-carousel .custom_carousel_item {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

This would not match any custom_carousel obviously but only the one on the startpage. Would be great if this could also be made more generic so that I do not need to feedle around with the CSS too much (copy’n’paste the existing “custom_carousel*” attributes)

There might be even more CSS issues, maybe you try to adding a startpage-like custom carousel yourself and see if there are more inconsistencies between the startpage and what the shortcode does.

Otherwise, this shortcode is really nice! 🙂

[Richard]

Richard

#52978

Hi,

I’m sure I read in another post that the Post Grid is the only thing that is uneditable, however do you have a solution as to how I can fit an image within the 80 x 50 box?

I’ve reduced the size of my feature image to 80 x 50 to see if it would fit in the window, however it still doesn’t work.

Please take a look at the first Footer column which displays “Velux”, “CITB” and “Rubbercover”. Any suggestions/alternatives would be greatly appreciated as always: *Login to see link

Thank you!

[Richard]

Richard

#52978

Hi,

I’m sure I read in another post that the Post Grid is the only thing that is uneditable, however do you have a solution as to how I can fit an image within the 80 x 50 box?

I’ve reduced the size of my feature image to 80 x 50 to see if it would fit in the window, however it still doesn’t work.

Please take a look at the first Footer column which displays “Velux”, “CITB” and “Rubbercover”. Any suggestions/alternatives would be greatly appreciated as always: *Login to see link

Thank you!

[Ben Ritner]

Ben Ritner

#52896

In your settings > reading. Make sure the Post page is not set just leave it empty.

Then on your blog page make sure you use the blog grid page template.

Ben