Search Results for 'post grid'

[Solace]

Solace

#67646

Hi guys

What would be the best way to display say 4 blog categories on a page in a grid?

Something similar to the way product categories are displayed on the shop page; e.g. each category has an image. title and short description. Clicking on the image/title takes you to the category of posts.

Thanks
solace

[Solace]

Solace

#67646

Hi guys

What would be the best way to display say 4 blog categories on a page in a grid?

Something similar to the way product categories are displayed on the shop page; e.g. each category has an image. title and short description. Clicking on the image/title takes you to the category of posts.

Thanks
solace

[Ben Ritner]

Ben Ritner

#66747

So are you wanting images to be forced into a height of 200px, not cropped and not fill the whole area of your portfolio post?

turn on masonry and add this css:

.portfolio_item.grid_item, .portfolio_item a {
    height: 200px;
}
.portfolio_item img {
    max-height: 200px;
    width: auto;
}

Ben

[Ashley]

Ashley

#66378

Hello Kadence, tremendous fan of your products.

My website is: *Login to see link

On the home page, I’m trying to center my image gallery. Centering works fine with the “Thumbnail Grid” but when I switch to circle it’s shifting the alignment to the left. I attempted wrapping it in a div, that’s not changing it (only if it’s Thumbnail Grid).

I made sure to do three items, since I saw another post suggesting putting less than might cause shifting since originally I was testing with two items. All this did was squish things to still be left aligned.

I saw a few changes that involved editing css and see everyone suggesting using a child theme. I’m open to making a child theme, is that as simple as connecting FTP and duplicating my current theme’s folder with the -child as instructed by WordPress Codex? I’ve been editing the original from download, risky I know. I’d like to get my Virtue Premium as the default from download and be working on my child theme.

[Ashley]

Ashley

#66378

Hello Kadence, tremendous fan of your products.

My website is: *Login to see link

On the home page, I’m trying to center my image gallery. Centering works fine with the “Thumbnail Grid” but when I switch to circle it’s shifting the alignment to the left. I attempted wrapping it in a div, that’s not changing it (only if it’s Thumbnail Grid).

I made sure to do three items, since I saw another post suggesting putting less than might cause shifting since originally I was testing with two items. All this did was squish things to still be left aligned.

I saw a few changes that involved editing css and see everyone suggesting using a child theme. I’m open to making a child theme, is that as simple as connecting FTP and duplicating my current theme’s folder with the -child as instructed by WordPress Codex? I’ve been editing the original from download, risky I know. I’d like to get my Virtue Premium as the default from download and be working on my child theme.

[Rodney]

Rodney

#66267

Hi Ben

Yes … but when I create a user it automatically sends to you so just did it that way

BTW … have found the problem … loading up images BEFORE I have been creating the posts … image has name like – RAOB-B-CUS … then I create post with EXACTLY the same name – RAOB-B-CUS … when listed in the blog grid all looks fine, but when I click it goes funny and displays the image with a sidebar … at top of page it says EDIT IMAGE rather than EDIT POST

Found that if I create the post FIRST, then add the image, all is OK … but not very satisfactory having to do it like this

Discovered the reason when I created a post the other day with an image … but post had wrong slug, so I changed it and it would not display properly after that

Is there a way to fix the problem permanently so it does not matter if image is there first or post is first ? Would like to keep same names for post and images

Regards, Rodney

[Ben Ritner]

Ben Ritner

#66164

Hey,
You can either edit the template through a child theme. template-portfolio-grid.php around line 150 add

'tax_query' =>  array (
        array(
            'taxonomy' => 'portfolio-type',
            'terms' => 'college', // Slug of term that I wanted to exclude
            'field' => 'slug', 
            'operator' => 'NOT IN',
        ),
    ),

Or you can just make one portfolio type that all of the other posts are in. So a general one that you then select as the only type to show in your portfolio grid settings.

Ben

[Tess]

Tess

#65588

Thanks so much Ben! I removed all the sticky posts and that’s the solution!

One more question. I would like to show the blog posts on the homepage as a photo grid, instead of the current format. Where do I change that setting?

Thnx!
Tess

[Bervin]

Bervin

#65572

Hi,

I am experiencing an issue with the portfolio post shortcode on a development site. When I resize the browser window the grid gets messed up. Images are suddenly overlapping each other and the gallery no longer expands to the full width of the page. There is also a small scroll bar next to the portfolio row.

I’m using the portfolio post shortcode to display a set of portfolio images on the homepage. To build the homepage I am using the page builder tab. I added the portfolio post shortcode in a text widget in a separate single column row. I’m experiencing this issue in Chrome and Firefox. Somehow it works fine in IE. I haven’t been able to test it in Safari yet.

I’m using the following shortcode: [portfolio_posts orderby=random items=8 masonry=false columns=3 ratio=landscape hoverstyle=default layoutstyle=flat-no-margin fullwidth=false showtypes=false showexcerpt=false lightbox=false cat=models]

Any idea what is causing this issue? Feel free to take a look at the site on http://www.starlmodels.com. The front end is password protected with password ‘model101’.

[Bervin]

Bervin

#65572

Hi,

I am experiencing an issue with the portfolio post shortcode on a development site. When I resize the browser window the grid gets messed up. Images are suddenly overlapping each other and the gallery no longer expands to the full width of the page. There is also a small scroll bar next to the portfolio row.

I’m using the portfolio post shortcode to display a set of portfolio images on the homepage. To build the homepage I am using the page builder tab. I added the portfolio post shortcode in a text widget in a separate single column row. I’m experiencing this issue in Chrome and Firefox. Somehow it works fine in IE. I haven’t been able to test it in Safari yet.

I’m using the following shortcode: [portfolio_posts orderby=random items=8 masonry=false columns=3 ratio=landscape hoverstyle=default layoutstyle=flat-no-margin fullwidth=false showtypes=false showexcerpt=false lightbox=false cat=models]

Any idea what is causing this issue? Feel free to take a look at the site on http://www.starlmodels.com. The front end is password protected with password ‘model101’.

[Ben Ritner]

Ben Ritner

#65517

Hey,
Looks like your using a post grid widget. Which is only designed for a footer or sidebar. It only ouputs images that link to the posts.
If you want a portfolio grid like this: http://themes.kadencethemes.com/virtue-premium/portfolio/

Then you would need to use the portfolio grid page template see here: https://www.kadencewp.com/creating-a-portfolio-page-with-virtue/

Or you can use the shortcode [portfolio_posts columns="4" items="10"]

Ben

[Ben Ritner]

Ben Ritner

#65513

Hey,
1. Sounds like an js error on your site. can you post a link I’ll tell you why the grid isn’t showing.

2. (multi image) You can set the post summary to be a slider in your post settings. That will pull from the post slider images.

3. If you would like a gallery with images in columns use the “add media” button then click “create gallery” that why you can output the images in columns.

Ben

[Grzegorz]

Grzegorz

#65482

i just realized that i can set in “Blog Category/Archive Defaults” Category Display Type -> Grid, but it doesn’t work well for me.
If i set Grid and 3 or 4 columns i get white page, but not empty i can find elemnts on it and click to enter post. If i set 2 columns everything is ok.

[Grzegorz]

Grzegorz

#65479

Hi there,

I have page which shows all posts by category.
Can I change look of this?
For now it is like one post per row, and featured img is to big.
I like the look “grid” from search result, it is 3 colums per row, and featured img size is much better.
Can i set this look for categories results?

and another question is for multi img in post.

in creator i put images one next to each other, but after publish images are shown one above the other.

[Grzegorz]

Grzegorz

#65479

Hi there,

I have page which shows all posts by category.
Can I change look of this?
For now it is like one post per row, and featured img is to big.
I like the look “grid” from search result, it is 3 colums per row, and featured img size is much better.
Can i set this look for categories results?

and another question is for multi img in post.

in creator i put images one next to each other, but after publish images are shown one above the other.

[Ben Ritner]

Ben Ritner

#65370

Hey,
So Masonry is different from that site. Masonry is still columns the height of your images are different but there are still the columns you set. The link you posted is something different. That is a preset for height and width and it’s a formula so it looks random but the image are all cropped to be equal for the grid some are two columns wide some are on and some are two rows high and some are one.

That isn’t an option with the theme. right now the only way to get close is by using pagebuilder but I’ve been considering building something like this in the future. It will be called a mosaic layout.

Ben

[Hannah]

Hannah

#65336

Hey,
I’m not sure what you mean by “actual blogpost”. You can create a blog grid by using either the blog grid or blog photogrid page template. Does that work for you? If not, can you post a link so I can see what layout you mean?

Hannah

[Tobias]

Tobias

#65315

Hello there,

I am using “actual blogpost” on my homepage with Pinnacle Theme grid post / three columns. On my Blog overview page I want to use the same layout, but i don’t find the right widget for it.

How can I display latest posts also in grid post view – three grids.

Greetings, Tobias

[Tobias]

Tobias

#65315

Hello there,

I am using “actual blogpost” on my homepage with Pinnacle Theme grid post / three columns. On my Blog overview page I want to use the same layout, but i don’t find the right widget for it.

How can I display latest posts also in grid post view – three grids.

Greetings, Tobias

[Ben Ritner]

Ben Ritner

#64968

The issue is with the slug “portfolio” you can’t use “portfolio” slug for both child pages and custom post types..

Meaning since portfolio is the slug in your portfolio single pages you need to change the parent portfolio grid page to be a different slug. Like “my-portfolio” or “projects” then your second page wouldn’t conflict with portfolio posts.

Ben

[Sergio]

Sergio

#64930

hello, i am having some problems with my virtue premium website

one of the most important, in that moment, is i can’t make a page that shows a grid of posts that share one category

example:

this is the project of my website:

*Login to see link

and if you click at link “mountain bike” category, at the footer (bottom left), it opens a white page 🙁

this one:

*Login to see link

it didn’t happen with the free version
do you have any idea about what it could be or if it does have solution?

thank you very much

sergio

[Sergio]

Sergio

#64930

hello, i am having some problems with my virtue premium website

one of the most important, in that moment, is i can’t make a page that shows a grid of posts that share one category

example:

this is the project of my website:

*Login to see link

and if you click at link “mountain bike” category, at the footer (bottom left), it opens a white page 🙁

this one:

*Login to see link

it didn’t happen with the free version
do you have any idea about what it could be or if it does have solution?

thank you very much

sergio

[Hannah]

Hannah

#64751

Hi Grace,
The testimonials are set up just like the portfolio posts. Form your admin panel you should see Testimonials. Click that then create new testimonial posts. Then you can create a testimonial page by creating a new page and setting the page template to Testimonial Grid. This will automatically pull from your testimonial posts.
Hope that helps!

Hannah

[Antoine]

Antoine

#64651

Hello Ben and Hannah,

I would like to know how I can add a carousel including a type of Portfolio. I will try to use the widget “Pinnacle: Post grid”, but apparently it is not the good way.

I would like to display on this page (here: *Login to see link the carousel.

By the way, I will try “Pinnacle: Post grid” widget (here: *Login to see link but it does not display all my projects.

Thanks for your help.

Antoine

[Antoine]

Antoine

#64651

Hello Ben and Hannah,

I would like to know how I can add a carousel including a type of Portfolio. I will try to use the widget “Pinnacle: Post grid”, but apparently it is not the good way.

I would like to display on this page (here: *Login to see link the carousel.

By the way, I will try “Pinnacle: Post grid” widget (here: *Login to see link but it does not display all my projects.

Thanks for your help.

Antoine

[James]

James

#64534

I set up a series of video portfolio entries and a page to display them in a portfolio grid, but nothing appears on the page below the title.

*Login to see link

If you mouse over the area below the title, the video titles appear one by one, and if you click on them you go to the appropriate portfolio posts.

I have set up video portfolio entries and grid pages before, but this has never happened.

How can I correct this issue? Thanks!

[James]

James

#64534

I set up a series of video portfolio entries and a page to display them in a portfolio grid, but nothing appears on the page below the title.

*Login to see link

If you mouse over the area below the title, the video titles appear one by one, and if you click on them you go to the appropriate portfolio posts.

I have set up video portfolio entries and grid pages before, but this has never happened.

How can I correct this issue? Thanks!

[Brandy]

Brandy

#64337

Hello! I’m trying to setup my portfolio. I’ve selected my page to be 3 columns and I’d also like to have 3 column image grids on the item. However, selecting the image grid defaults to 4 columns, instead of 3 columns. I read in another support thread that the only way to use the 3 column image grid is to set it up as a gallery by using Add Media and selecting to use the Three Rows layout. This will not achieve the look I want.

I want to use the Above layout and have 3 columns of images. Can you direct me on what CSS to change to accomplish this? I tried changing the column widths to 33.33% but that didn’t seem to work. I also tried setting the height and width in the portfolio item but this also didn’t work.

I also read that you were going to be adding an option to select the number columns for the image grid but this was posted in July and I don’t see an option for this. When will this be added? Thank you.

[Brandy]

Brandy

#64337

Hello! I’m trying to setup my portfolio. I’ve selected my page to be 3 columns and I’d also like to have 3 column image grids on the item. However, selecting the image grid defaults to 4 columns, instead of 3 columns. I read in another support thread that the only way to use the 3 column image grid is to set it up as a gallery by using Add Media and selecting to use the Three Rows layout. This will not achieve the look I want.

I want to use the Above layout and have 3 columns of images. Can you direct me on what CSS to change to accomplish this? I tried changing the column widths to 33.33% but that didn’t seem to work. I also tried setting the height and width in the portfolio item but this also didn’t work.

I also read that you were going to be adding an option to select the number columns for the image grid but this was posted in July and I don’t see an option for this. When will this be added? Thank you.