Search Results for 'post grid'

[Betsy]

Betsy

#82972

Thanks Hannah, I have that option enabled and the “problem” is still occurring for the portfolio items.

Hi Ben, yes, I apologize for not being clear. My gallery images are working properly. It’s the portfolio page images I’m talking about. Not galleries or images inserted within the page content, but images shared with the slider functionality. On the other link I shared, the portfolio page, I had entered similar caption and alt text, but it is not displaying. I am using the Portfolio slider images section, with image grid for project options.

Here’s a blog post with a gallery. Captions are working, alt text shows up.

[Sam]

Sam

#82833

Hi Hannah, thank you!

Actually have another question:
I want to add filters to a Portfolio Grid page, but can’t seem to figure out how to add these different qualifiers to the page/portfolio posts.

For example, I am building a writing portoflio and want the items filterable by topics and where they were published.

Thanks in Advance!

[Roberto]

Roberto

#82821

Hello again

Thank you so much. You helped. I had to add this (here: http://www.govindas.ch/?post_type=product):

.product-category {
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    background: !important;
}

.product-category.grid_item a {
    border: 3px solid #b7e1a1 !important;
    background: #b7e1a1 !important;
}

So, can you help me to change this here also “http://www.govindas.ch/?product_cat=lebensmittel”??? It looks more complicated.

Thanks from Heart.

Best Wishes
Daniel Waeber

[Ben Ritner]

Ben Ritner

#82697

1. You would have to set the summary to have an image and then use css to hide the image just for the home page. so set the summary then add this:

.home #kad-blog-grid .blog_item .imghoverclass {
    display: none;
}

2. In your page settings (just below where you could add content) you should see options for how many posts you want to show.

Ben

[Ben Ritner]

Ben Ritner

#82685

Hey,
1. Just set the post options to none and add in your own gallery into the page content. Use the three row layout. That is your only built in option. Otherwise you can use a child theme and customizer the output of the gallery option.

1.2 you can add this css:

.kad-wp-gallery .g_item {
    padding-left:2px;
    padding-right:2px;
}
.kad-wp-gallery .grid_item {
    margin: 2px 0;
}

2. Yes it’s all about the image size. You have to use the shortcode/add media in the post content.

2.2 not that kind of lightbox.. This would be your closest option to that kind of look:

.mfp-figure figure {
    background: white;
    padding-left: 20px;
    padding-right: 20px;
}
.mfp-title {
    color: #444;
    padding-left: 20px;
}

2.3 this css:

.mfp-counter {
    display: none;
}

2.4 I don’t ever recommend this. It does so little (really nothing) to protect your content that if your actually wanting to make it safe add a watermark. Anyone interested in taking and reusing images (stealing) would know that you can easily access the files without every having to right click..

In my opinion it only creates confusion for the people you are actually wanting to view your images.

https://wordpress.org/plugins/disable-right-click/

Ben

[Jan]

Jan

#82557

… image grid selected (portfolio post) results in a wide distance grid and no lightbox appears, just a link to the picture.

[Jan]

Jan

#82556

Hi Ben,

Thanks! Before we come to point 5:

I want to implement a gallery (as it is nicely shown in the demo – features) in the portfolio post. It should be a grid. I did not get this working…
The grid for the portfolio posts look very nice. But I want to have a grid like this for single pictures…on klick there should open a lightbox.

Jan

[Adam]

Adam

#82384

Hi,

I would like to add subtitles to my blog posts and have them appear under the titles of the latests posts on my homepage (which are set to ‘Post Excerpt’ and ‘Use Post Grid Format=Off’). So far I’ve done the easy part and set up the custom field, my question now is how do I get it to display? I’ve looked to see if there’s a template file I should copy and edit but it seems like it could be one of many.

Thanks as always for your help!

-Adam

[Adam]

Adam

#82384

Hi,

I would like to add subtitles to my blog posts and have them appear under the titles of the latests posts on my homepage (which are set to ‘Post Excerpt’ and ‘Use Post Grid Format=Off’). So far I’ve done the easy part and set up the custom field, my question now is how do I get it to display? I’ve looked to see if there’s a template file I should copy and edit but it seems like it could be one of many.

Thanks as always for your help!

-Adam

[Ben Ritner]

Ben Ritner

#82247

Hey,
You would want to use the staff grid template and use the full content option for the posts (excerpts area always going to strip tags). Or add in your own custom excerpts for the posts.

Ben

[Ben Ritner]

Ben Ritner

#82131

Hey,
I’m seeing blog posts on that page? I assume that is what you are wanting to have a hover effect?
In your theme options > advanced settings you can add this css:

.blog_item.grid_item img {
    opacity: 1;
        -moz-transform: translateZ(0) scale(1,1);
    -webkit-transform: translateZ(0) scale(1,1);
    transform: translateZ(0) scale(1,1);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}
.blog_item.grid_item:hover img {
    opacity: .6;
}

Ben

[Ben Ritner]

Ben Ritner

#81516

Hey,
sorry I thought you were saying you have a 4 column layout on desktop. You only have a two column so your not using the grid and the css would be different.

It does confuse me through so lets make sure we are both talking about the same thing.

You have your latest posts showing. There is 6 all together and they are in 3 rows with two columns in each row on desktop. Making those 2 columns on mobile would be really really tight?

.home_blog .clearclass0, .home_blog .clearclass1 {
    float: left;
    width: 50%;
}

It possible you meat products when you said posts. If that is the case there is no option to make a product carousel two columns on mobile, you would have to use a child theme and change the output html.

Ben

[Ben Ritner]

Ben Ritner

#81495

I’m seeing this css in your custom css box:

.topbar-widget .textwidget .search-query{font-size:10px;.single-post .entry-content
p{max-width:960px;margin:0
auto}

Which is breaking because your not closing out the first line.

IN terms of the lightbox.. this isn’t really going to work like you want even if this loads “correctly” But try this so you can see what I mean:

<script text="javascript">
jQuery( window ).load(function () {
jQuery('#kad-blog-grid').each(function(){
			jQuery(this).find('a[data-rel^="lightbox"]').magnificPopup({
				type: 'image',
				gallery: {
					enabled:true
					},
					image: {
						titleSrc: function(item) {
						return item.el.find('img').attr('alt');
						}
					}
				});
		});
});
</script>

Ben

[Ben Ritner]

Ben Ritner

#81431

1. Hmm, yeah that might be possible, the thing is there are two links in the output so the gallery would look at that as two separate images for each image. You can try by Adding this into a footer widget area. Use a text widget:

<script text="javascript">
jQuery(document).ready(function ($) {
$('#kad-blog-grid').each(function(){
			$(this).find('a[data-rel^="lightbox"]').magnificPopup({
				type: 'image',
				gallery: {
					enabled:true
					},
					image: {
						titleSrc: function(item) {
						return item.el.find('img').attr('alt');
						}
					}
				});
		});
});
</script>

2, Thats set more by the content of the post. I’d have to look at how the plugin is pulling in images. I would think this would take overriding a template in the plugin.

3. You can use this css:

.search_item .entry-content p {
    font-size: 12px;
}

Ben

[Hannah]

Hannah

#80584

Hey Joel,
You can do this by making your front page the latest post page (Settings > Reading). Then go to Theme Options > Home Layout and enable Page Content in the homepage layout manager. Then scroll to the bottom of that page to Page Content Options. Set Use Post Grid Format to On and set the Post Columns to 3.
Hope that works for you!

Hannah

[Ben Ritner]

Ben Ritner

#80253

Hey,
There are a lot of ways to add an image to a portfolio items are you talking about one of those on the individual post or are you talking about the portfolio grid? Can you post a link?

Ben

[Ben Ritner]

Ben Ritner

#80231

Hey,
It really depends on your needs. The workspace is just a portfolio post. Using the image grid option for display.

Check out this tutorial: https://www.kadencewp.com/creating-a-portfolio-page-with-virtue/

That should help explain.

Ben

[Ben Ritner]

Ben Ritner

#80211

Hey,
You can add this css:

#portfoliowrapper {
    padding: 0;
}

Or what would be best is to remove the classes col-lg-9 col-md-8 from the portfolio wrapper.

Or what would be even better is to use a sidebar page template and add this shortcode to the page content for the portfolio grid.

[portfolio_posts columns="4" items="10"]

Then you wouldn’t have to edit the template.

Ben

[J]

J

#79931

Hi, Sorry to dig up an older post. I was also trying to add extra columns on my home page blog display.

I followed the advice above (Or you can set the home page to be your “post page” in the settings > reading. Then in your theme options > home layout. enabled “page content” and not “latest posts” Then at the bottom of your theme options > home layout set the blog style to grid with three columns.) and everyting seemed to work great. I had my test revolution slider in place and my test blog posts below it in 4 columns.

However now my home page menu button as pointing to a blank page – the only way to get back to this ‘front page’ is by clicking thr sight title – is there any way to set this front page as my home page for menu puposes?

Many thanks

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

[Hannah]

Hannah

#79930

Hey Joseph,
The footer is created using the four column layout (Theme Options > Footer). Then widgets are added from Appearance > Widgets.
Here’s what is used:
Column 1: Text Widget
Column 2: Virtue: Contact/VCard Widget and Virtue Social Links Widget
Column 3: Virtue: Post Grid Widget
Column 4: Custom Menu Widget

Hope that helps!
Hannah

[Alain]

Alain

#79614

Hi

When I was in Pinnacle 1.5.7, I created my shop page as categories only by woocommerce definitions and I inserted some shortcodes into the editor:

[kt_box opacity="1" padding_top="10" padding_bottom="5" padding_left="20" padding_right="20" background="#ffffff"]
<h2>Produtos em destaque</h2>
[/kt_box]
[product id="47"]
[featured_products per_page="8" columns="4"]
[kt_box opacity="1" padding_top="10" padding_bottom="5" padding_left="20" padding_right="20" background="#ffffff"]
<h2>Categorias de Productos</h2>
[/kt_box]
[space size="10px"]

This kind of setup allows for a lot of flexibility.

Since I updated to 1.5.8 this is broke, I just updated to 1.5.9 and it continues to be broken.

The first part (the shortcodes) displays correctly, when it comes to display the categories, it displays a message ‘Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp07/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 237’ and ‘Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp07/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 241
class=”product-category postclass grid_item product”>’ just before each of the category images, the images are still clickable.

If I remove the shortcodes from the page everything returns to normal.

Thanks

[Alain]

Alain

#79614

Hi

When I was in Pinnacle 1.5.7, I created my shop page as categories only by woocommerce definitions and I inserted some shortcodes into the editor:

[kt_box opacity="1" padding_top="10" padding_bottom="5" padding_left="20" padding_right="20" background="#ffffff"]
<h2>Produtos em destaque</h2>
[/kt_box]
[product id="47"]
[featured_products per_page="8" columns="4"]
[kt_box opacity="1" padding_top="10" padding_bottom="5" padding_left="20" padding_right="20" background="#ffffff"]
<h2>Categorias de Productos</h2>
[/kt_box]
[space size="10px"]

This kind of setup allows for a lot of flexibility.

Since I updated to 1.5.8 this is broke, I just updated to 1.5.9 and it continues to be broken.

The first part (the shortcodes) displays correctly, when it comes to display the categories, it displays a message ‘Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp07/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 237’ and ‘Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp07/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 241
class=”product-category postclass grid_item product”>’ just before each of the category images, the images are still clickable.

If I remove the shortcodes from the page everything returns to normal.

Thanks