Search Results for 'post grid'

[admin26]

admin26

#206874

Hello guys,

I am trying to copy the layout of the Portfolio Grid template in a shortcode so I can add a widget below it. I’m getting everything except the sortable Types line on the upper right corner (which I like). Here is a link to the page. The first layout on the page is my shortcode and the second is the template default.

What do I need to add to my current shortcode?

[portfolio_types]
[portfolio_posts type=branding orderby=rand columns=3 items=20 ratio=”square” style=”mosaic”]

*Login to see link

[admin26]

admin26

#206874

Hello guys,

I am trying to copy the layout of the Portfolio Grid template in a shortcode so I can add a widget below it. I’m getting everything except the sortable Types line on the upper right corner (which I like). Here is a link to the page. The first layout on the page is my shortcode and the second is the template default.

What do I need to add to my current shortcode?

[portfolio_types]
[portfolio_posts type=branding orderby=rand columns=3 items=20 ratio=”square” style=”mosaic”]

*Login to see link

[Hugo]

Hugo

#206536

Hi Kadence Team, I’m looking how to deal with the excerpt to achieve two goals:

1- Show the excerpt on single portfolio posts without ... and Read more link.
I added <?php the_excerpt(); ?> on an edited version of content-single-portfolio.php into my child theme.
For each portfolio post there is an manual excerpt.
Is there any other way to call the excerpt to remove the ... and the Read more link?

2- Set a maximum length for manual excerpts.
By default, when the excerpt is manual there is no max length. For this project I only use manual excerpts and I setup a portfolio grid page using the Post Style template and the excerpt. But I don’t want too long excerpts on the grid to avoid breaking the layout.

What would be the easiest solution? Should I create a custom excerpt with ACF?

Thanks
Hugo

[Hugo]

Hugo

#206536

Hi Kadence Team, I’m looking how to deal with the excerpt to achieve two goals:

1- Show the excerpt on single portfolio posts without ... and Read more link.
I added <?php the_excerpt(); ?> on an edited version of content-single-portfolio.php into my child theme.
For each portfolio post there is an manual excerpt.
Is there any other way to call the excerpt to remove the ... and the Read more link?

2- Set a maximum length for manual excerpts.
By default, when the excerpt is manual there is no max length. For this project I only use manual excerpts and I setup a portfolio grid page using the Post Style template and the excerpt. But I don’t want too long excerpts on the grid to avoid breaking the layout.

What would be the easiest solution? Should I create a custom excerpt with ACF?

Thanks
Hugo

[Angelo Lazzari]

Angelo Lazzari

#205868

Hi, as you can see here *Login to see link under the single post there is a 30px of space, that i don’t want… i tried to put
.grid_item {
margin-bottom: none important;
}
but is not working…

so how i can adjust the css?

I can you send the credential to enter the site because is closed tu public right now…

Thank you

[Angelo Lazzari]

Angelo Lazzari

#205868

Hi, as you can see here *Login to see link under the single post there is a 30px of space, that i don’t want… i tried to put
.grid_item {
margin-bottom: none important;
}
but is not working…

so how i can adjust the css?

I can you send the credential to enter the site because is closed tu public right now…

Thank you

[Ben Ritner]

Ben Ritner

#205306

Hey,
It’s based on “menu_order” in each portfolio post there is an order number under the “page attributes” and that determines the items order. (lowest first and you can have negative numbers) This gives you control over which is placed where.

To change this you would need to create custom pages using portfolio grid page template and assigning the category then you would link to those pages instead of the default archives.

Else you would need to use a child theme and override the taxonomy-portfolio-type.php template file and change the orderby on line 126.

Ben

[benso]

benso

#204844

Hi,

is it possible to have a toggle button to switch from grid view to list view for the blog posts?
Similar to the toggle switch for woocommerce products.

Regards,
Ben

[benso]

benso

#204844

Hi,

is it possible to have a toggle button to switch from grid view to list view for the blog posts?
Similar to the toggle switch for woocommerce products.

Regards,
Ben

[Ben Ritner]

Ben Ritner

#204654

1. It’s not really like that. Because WordPress/Virtue support srcset images are going to be resized various times at different sizes to output a good srcset and support the different screen resolutions.

I suppose if you used the filter in this post to change the “width” to 1000 then uploading a gif smaller then 1000px should work for the most part.

https://www.kadencewp.com/support-forums/topic/improve-portfolio-grid-image-quality/

2. No way to select by image type but if you use the filter in the other page and instead of returning 1000 you return a number larger then all your images say 10000 then it would always output the original.

Ben

[Park]

Park

#204613

Hello,

I have searched for this issue in the forum and found similar cases, but nothing seems like it would apply to want I would like to accomplish.

I want to hide all titles that appear upon hover or click in the portfolio grid, both pc and mobile.

In the screenshot I have attached, the titles I’m talking about appear on hover as in the ‘Aspire Fin’ porfoliio post title.

*Login to see link

I searched in settings and appearance but I can’t seem to find a setting that would turn these titles off.

Is there perhaps a setting or line of css that would hide these hover titles?

Thank you very much.

Park

[Park]

Park

#204613

Hello,

I have searched for this issue in the forum and found similar cases, but nothing seems like it would apply to want I would like to accomplish.

I want to hide all titles that appear upon hover or click in the portfolio grid, both pc and mobile.

In the screenshot I have attached, the titles I’m talking about appear on hover as in the ‘Aspire Fin’ porfoliio post title.

*Login to see link

I searched in settings and appearance but I can’t seem to find a setting that would turn these titles off.

Is there perhaps a setting or line of css that would hide these hover titles?

Thank you very much.

Park

[Nadine]

Nadine

#203802

FWIW, searching for this error message I found at least 2 occurences. I guess it’s an error in one of the dependencies. Updating (or downgrading) these might maybe help:

http://support.janstudio.net/forums/topic/problems-with-the-claue-theme/
https://support.livemeshthemes.com/forums/topic/grid-and-post-block-not-loading-previews-or-posts/

[Jalinous]

Jalinous

#203771

Hi Ben,

I closed the previous topic to avoid any confusion.

I am using Virtue Premium.
I have embedded a slider in the header widget.
The slider is a Kadence Slider.
Under Slider Settings for this header widget slider, I have the following settings:
Slider Grid Height: 300px;
Slider Grid Width: 1329px;
Full Width is set “on”;
full height is set “off”

The css code I am using for the header widget is as follows:
.kad-header-widget {
margin-top: -46px;
margin-bottom: -49px;
height: 300px;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
float: center;
}

Here is a screenshot of the website:
Screenshot

The link to the website is:
Link to the website

All I need for now is the css code to increase the width of the header widget/ slider.
I used a chrome extension to measure the current width of the slider and it tells me that it is 1140px; I would like to increase the width of the slider/ header widget to 1300px.

Thanks a lot for the help,
Jay

[Jalinous]

Jalinous

#203771

Hi Ben,

I closed the previous topic to avoid any confusion.

I am using Virtue Premium.
I have embedded a slider in the header widget.
The slider is a Kadence Slider.
Under Slider Settings for this header widget slider, I have the following settings:
Slider Grid Height: 300px;
Slider Grid Width: 1329px;
Full Width is set “on”;
full height is set “off”

The css code I am using for the header widget is as follows:
.kad-header-widget {
margin-top: -46px;
margin-bottom: -49px;
height: 300px;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
float: center;
}

Here is a screenshot of the website:
Screenshot

The link to the website is:
Link to the website

All I need for now is the css code to increase the width of the header widget/ slider.
I used a chrome extension to measure the current width of the slider and it tells me that it is 1140px; I would like to increase the width of the slider/ header widget to 1300px.

Thanks a lot for the help,
Jay

[Kevin]

Kevin

#203299

Hey,

Ascend has shortcode functionality as well. The shortcode with ascend would be like this:
[blog_posts type="grid" orderby="date" items="3" word_count="20" columns="3" cat="Inside-KWSM"]

For the full shortcode documentation, see this page:
http://docs.kadencethemes.com/ascend-premium/shortcodes/

-Kevin

[Stephen]

Stephen

#203298

Hi there, I’ve done this in the virtue theme but am wondering how I can achieve this in Asecend.

I’m trying to feature my 3 most recent blogs on my home page, 3 column, the featured image, title, and first 20 characters.

In virtue the short code works: [blog_grid orderby=date items=3 word_count=20 columns=3 cat=Inside-KWSM]

Is there an equivalent shortcode to this in ascend?

[Stephen]

Stephen

#203298

Hi there, I’ve done this in the virtue theme but am wondering how I can achieve this in Asecend.

I’m trying to feature my 3 most recent blogs on my home page, 3 column, the featured image, title, and first 20 characters.

In virtue the short code works: [blog_grid orderby=date items=3 word_count=20 columns=3 cat=Inside-KWSM]

Is there an equivalent shortcode to this in ascend?

[Lukas]

Lukas

#203261

Hi,

I have a portfolio of products, grid setting to Square 1:1. But on the actual portfolio post detal page (single portfolio), the image is cropped, not 1:1:
*Login to see link

Is there a setting or a function I can use to remove the crop? I tried changing the max-width and height CSS values for img(although not sure I want to change it for all images on site) and also for .single-portfolio .portfolio-single-img, but that doesn’t seem to have much effect. I.e. setting the height is ignored, regardless of the value, even something tiny – the image height doesn’t change:

.single-portfolio .portfolio-single-img {
width: 56% !important;
height: 55% !important;
}

height remains the default one.

thanks,
Lukas

[Lukas]

Lukas

#203261

Hi,

I have a portfolio of products, grid setting to Square 1:1. But on the actual portfolio post detal page (single portfolio), the image is cropped, not 1:1:
*Login to see link

Is there a setting or a function I can use to remove the crop? I tried changing the max-width and height CSS values for img(although not sure I want to change it for all images on site) and also for .single-portfolio .portfolio-single-img, but that doesn’t seem to have much effect. I.e. setting the height is ignored, regardless of the value, even something tiny – the image height doesn’t change:

.single-portfolio .portfolio-single-img {
width: 56% !important;
height: 55% !important;
}

height remains the default one.

thanks,
Lukas

[Ben Ritner]

Ben Ritner

#203169

Hey,
If you want to hide the excerpt you can with css below, but it won’t be part of an update. Those are blog posts so they are treated as such and thus should have excerpts. I understand you are using blog posts for something totally different but we can’t add options for treating blog posts as products. I would suggest using products instead of blog posts as your best option.

#kad-blog-grid .blog_item .entry-content {
    display: none;
}

Blog posts can’t be sorted randomly on an archive page. Again not something blog posts are supposed to do so you can code in something custom but there wouldn’t be an option for it. I can’t even find a plugin that would do this so you would have to code it out with custom php.

I can make sure 5.4.8 of rev slider is part of the next update for those who purchase 3 years ago when we bundled this plugin. I doubt it has anything that would affect your links. My guess would be that another plugin is creating that conflict.

Ben

[Linda]

Linda

#203130

That works except it shows the post excerpt too… I have turned off the “Content Views” plugin. so you can see the difference. Grid without excerpt would be a good thing to add to the next update…

http://customweddinggarter.com/category/garters-by-color/

[Hannah]

Hannah

#203117

Hi Linda,
In Theme Options > Blog Options have you set the Category Display Type to Grid Post?

Hannah

[Linda]

Linda

#203116

Is there code that I can put in “Advance Settings, that will make all my “Posts” show up in a grid on all post categories? Right now I am using a plugin “Content Views”. But I have to create the settings for all post categories manually. Which will take me MONTHS to complete? Basically, I want my posts to display like the Products gallery without the price…. Like this page. Please scroll down past the category images. Thanks. *Login to see link

[Linda]

Linda

#203116

Is there code that I can put in “Advance Settings, that will make all my “Posts” show up in a grid on all post categories? Right now I am using a plugin “Content Views”. But I have to create the settings for all post categories manually. Which will take me MONTHS to complete? Basically, I want my posts to display like the Products gallery without the price…. Like this page. Please scroll down past the category images. Thanks. *Login to see link

[phil2]

phil2

#202837

Thanks Ben.

I have modified page-searchwp-supplemental.php to include the following:

<?php global $post;
// This mod to show whether search plugin is building the loop correctly    
        echo $post->ID
?>

And we do indeed get a grid of past-issues where the image is replaced by the post id.
How much of a leap is it to get the thumbnail to show?
Cheers,
Phil.

[Ben Ritner]

Ben Ritner

#202542

Well shoot, I’m sorry I came across as frustrated. I really am not and I’m sorry I was lecturing. I do want to help and explain not just tell.

For the record, I don’t think you pasted into the visual editor but your screenshot and what I thought you were saying your issue was showed that tab so I wanted to be clear and explain that it wouldn’t look correct if you pasted into the text tab and then clicked on visual. The visual tab won’t look like the front end when using the shortcodes. And it’s best to stay in the text tab to preserve the code from being interpreted.

So my issue is that I don’t understand what the problem is that you are encountering.

When I clicked the link you posted I saw what Kevin did. A working grid with 4 columns. I did not see a problem with the grid on that page. The issue I saw was your screenshot of the visual editor where everything was a mess and it always would be like that in the visual editor. So I was trying to explain that.

Based on your new post. It sounds like you are basing off the visual editor tab and you want that to be the look you get on the front end. Is that correct?

In essence, you want a grid with four columns and then another column to the right of that grid with text?

How would you like this to look on mobile? Do you want that text on the right to be above the images or below?

I’m sorry this has not been smooth.

Also, can you send me a screen shot of what you are seeing on the front end just so I am clear? Thanks!

[phil2]

phil2

#202518

Hi Ben,

Some progress with the author of the SDM plugin. He suggested proving the php statement by forcing a post ID.

I modified the echo statement to:

echo do_shortcode('[sdm_show_download_info id="80" download_info="thumbnail"]');

and output a grid of the “Summer 2017” cover image. So pulling in a thumbnail using that method works.
Any thoughts on how to correctly populate that post id?
Many thanks,
Phil.

[phil2]

phil2

#201828

Thanks for your perseverance on this, Ben. No change, I’m afraid.
I modified line 65 in page-searchwp-supplemental.php as you suggested. That block now looks like this:

foreach ( $swp_query->posts as $post ) {
        setup_postdata( $post );
        // output the result
                            ?>
                            <div class="search-result search_results_item grid_item">
                                <?php global $post;
$item_download_thumbnail = get_post_meta($post->ID, 'sdm_upload_thumbnail', true);
        if ( $item_download_thumbnail ) {
                                ?>
                                <div class="imghoverclass img-margin-center">
                                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                        <img src="<?php echo $item_download_thumbnail; ?>" alt="<?php the_title_attribute(); ?>">
                                    </a> 
                                </div>
                                <?php } ?>
                                <div class="postcontent">
                                    <header>
                                        <a href="<?php the_permalink(); ?>">
                                            <h5 class="entry-title"><?php the_title(); ?></h5>
                                        </a>
                                    </header>
                                    <div class="entry-content">
                                        <?php the_excerpt(); ?>
                                    </div>
                                </div>

                            </div>
                            <?php
    }