Search Results for 'post grid'

[julian]

julian

#228616

HI

yes thats OK, but there is no pagination with this option.

I suppose i could add a link to another page that uses the blog grid set to start on page 2 or something if the items per page is set the same…

seems like a bit of a limitation though, it would be nice to have this as an option without resorting to just using latest posts in the settings.

J

[Andrew]

Andrew

#228615

This reply has been marked as private.

[Hannah]

Hannah

#228543

Hey Jay,
You can’t use a page template on the homepage as the home page template will automatically override. What is your reason for not wanting to use the latest posts on the homepage? You could also add your blog posts via shortcode like this: [blog_grid orderby=date items=4 columns=3 cat=photos]

Hannah

[julian]

julian

#228539

HI guys

OK i may have asked this before. When i set the home page template to be blog grid it doesnt work- just blank.

This is a bit of an issue here, is there something I can do to use this feature? we dont want to use the latest posts as home page either though.

Thanks,

jay

[julian]

julian

#228539

HI guys

OK i may have asked this before. When i set the home page template to be blog grid it doesnt work- just blank.

This is a bit of an issue here, is there something I can do to use this feature? we dont want to use the latest posts as home page either though.

Thanks,

jay

[Nicola Crossley]

Nicola Crossley

#228516

Hello,

Using ascend theme and page builder
In ascend post grid widget – how do I make the thumbnails larger than 60px wide?
I have looked through the CSS but can’t seem to change it – is there a setting within theme options?

Many thanks
Nic

[Nicola Crossley]

Nicola Crossley

#228516

Hello,

Using ascend theme and page builder
In ascend post grid widget – how do I make the thumbnails larger than 60px wide?
I have looked through the CSS but can’t seem to change it – is there a setting within theme options?

Many thanks
Nic

[Ben Ritner]

Ben Ritner

#228472

I was able to log in and run a quick test, your issue is created from “Mod_Security” on your server. This means that something you were trying to save was creating a security alert or some times this can happen from an outdated Mod Security or incorrect mod security settings.

The issue was with your custom css box. Once I tested by clearing it then mod security wouldn’t post an error. I slowly added it back to see if there some something in particular that mod security didn’t like about your css. I couldn’t find anything. It just stops allowing the save to the database at an unspecified point. I assume it’s based on character length.

I tested trying to save into the customizer and you get the same error.

so I suggest you contact your hosting provider and you can leave the theme out of it by simply showing them that if you go to customizer > additional css you can’t save your css in there. That should get them to take ownership and fix the mod security issue.

Here is an output of your css:

.boxi1 {
margin-bottom: 20px;
text-align: center;
background: #f2f2f2;
padding: 15px 0 1px;
}

.boxi1 div {
font-size: 28px;
}

.kad-header-style-three #nav-main ul.sf-menu>li>a, header #logo a.brand, .logofont {
text-transform: uppercase;
}

.sf-menu ul li:hover, .sf-menu ul li {
border:0;
}
.sf-menu ul {
border:0;
}

@media (max-width: 1200px) {
.kad-header-style-three #nav-main ul.sf-menu > li > a {padding: 0 15px;}
}

@media (min-width: 992px) { 
.home-padding {padding: 0px 0 0px;}
}

.contentclass {
padding-top: 10px;
}

.sliderclass {
    margin-top: 0;
    padding: 0;
}

div.product .product_image {
border:0;
}

.page-header {
border-top: 0px;
}

@media (max-width: 767px) { 
.kad-header-style-three #logo a.brand {font-size:24px;}
}

.kad-header-style-three .menu-cart-btn .kt-cart-total {
  background: rgba(255,255,255,0.7);
  color: #e76106;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup li .quantity, #nav-main ul.sf-menu ul#kad-head-cart-popup ul.product_list_widget li a.remove {
    color: #fff;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .total {
    color: #fff;
    border-color: transparent;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .buttons .button {
    background: transparent;
    border: 2px solid #fff;
}
#kad-head-cart-popup ul.cart_list li:last-child {
  color: #fff;
}
@media (min-width: 600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 25%;
}
}
@media (min-width: 800px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 20%;
}
}
@media (min-width: 1000px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 16.66%;
}
}
@media (min-width: 1300px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 12.5%;
}
}
@media (min-width: 1600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 10%;
}
}
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
padding: 0 2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery {
    margin-left: -2px;
    margin-right: -2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery .grid_item {
    margin: 0 0 4px;
}
header.mobile-stickyheader .nav-trigger .nav-trigger-case {
  width: auto;
}
div.product form.cart .variations select {
    z-index: 1;
}
.footerbase {
        background: #323232;
    margin-top: 10px;
}

@keyframes toColor {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    25%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    75%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

img { 
   animation: toColor 1s;
   border-radius: 10%;
}

.product_image { 
   outline: none !important;
   border:none!important;
}

.infobanner { 
   animation: toColor 1s;
}
.kad-slide { 
   animation: toColor 1s;
}

.infobanner:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

div.about {
background-image: linear-gradient(rgba(210,214,207,0.5), rgba(210,214,207,0.5)), url("https://nzalpaca.co.nz/wp-content/uploads/2018/05/about-320x340-1.jpg");
background-repeat: no-repeat;
background-size: 320px 340px;
width: 320px;
height: 340px;
border-radius: 10%;
text-align: center;
vertical-align: middle;
padding: 10px;
}
 .home-iconmenu a, .home-iconmenu .home-icon-item {
  background: #444;
}
.home-iconmenu a:hover, .home-iconmenu .home-icon-item:hover {
    background: #555;
border-radius: 5%;
}

.kad_add_to_cart, .quantity {
display: none;
}

.product_item .kad_add_to_cart {
display:none !important;
}

.woocommerce-ordering, .woocommerce-info, a.button.wc-backward {
    display: none;
}

.woocommerce span.onsale {
background-color: #333;
}

.sku, .posted_in, .tagged_as, .product_meta {
	display: none !important;
}
/*------------------bbp-------------*/

#bbp_search_submit.button {
background-color: #333;
color: #eee;
}

#bbp_search_submit.button:hover {
background-color: #eee;
color: #333;
}

.button {
background-color: #333;
color: #eee;
}

.button:hover {
background-color: #eee;
color: #333;
}

#submit.kad-btn {
background-color: #333;
color: #eee;
}

#submit.kad-btn:hover {
background-color: #eee;
color: #333;
}

legend {
color: #eee;
}

#gallery-1 img {
    border: none !important;
    padding: 3px;
}

#gallery-2 img {
    border: none !important;
    padding: 2px;
}
/*------------bbp--------*/
/* BBPress font fix */

/*Template notice info*/
div.bbp-template-notice.info {
    border: #cee1ef 1px solid;
    background-color: #fff;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #444;
border: 0px solid #eee;
color: white !important;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
              font-size: 16px;
              color: #333;
        text-decoration: underline;
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic, 
#bbpress-forums li.bbp-body a {
border-top: 1px solid #eee;
overflow: hidden;
padding: 8px;
color: #333;
font-style: italic;
}

#bbpress-forums a.bbp-author-name {
              font-size: 12px;
              color:    #333;
}

.bbp-forums, .bbp-topics {
border: 1px solid rgba(125, 125, 125, .5);
color: white !important;
}

.bbp-forums a { 
color: #333 !important; 
}

/*20180613*/
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
    font-size: 12px;
/*    color: #333; */
}

table.bbp-forums th, table.bbp-topics th, table.bbp-topic th, table.bbp-replies th {
background-color:black;
color: #333 !important;
}

.bbp-header {
color: #fff;
}

.bbp-body {
color: #333;
}

.avatar-14 { display: none !important; }

.bbp-forums a { 
color: #333 !important; 
}

.product_item { 
background-color:#444;
border: none !important;
}

.woocommerce-result-count, .woocommerce-ordering {
display: none;
}

.email { 
background-color:#333;
color:#fff !important;
}

.email:hover { 
background-color:#444;
color:#cecece !important;
}

.amount { 
color:#fff !important;
}

.icon-location, .icon-envelope, .subhead, .icon-user2, .icon-mobile {
display: none;
}

#containerfooter .virtue_social_widget a {
    display: inline-block;
    float: none;
}
#containerfooter .virtue_social_widget {
    text-align: center;
}

.widget_kadence_social {
text-align: center;
}

.postdate, .home_blog_title {
margin-top: 10px;
}

.light-dropshaddow, .mfp-img {
border-radius: 0%;
border: none;
}

.attachment-full.size-full {
    border-radius: 0% !important;
    border: #000 6px solid !important;
}

/*---for contact us effect in footer---*/
.contact-class:hover {
    background: #444;
    color: #cecece !important;
    padding: 30;
}

/*---remove blue line around clicked link---*/
a {
    outline: none !important;
    color: #fff !important;
}

/*---ensure blog images fit within box on front page---*/
.imghoverclass {
    padding: 10px;
}

.wc-bookings-booking-form .form-field input[type=number] {
text-align: right;
}

.blog_item { 
  border:none!important;
}

#submit.kad-btn.kad-btn-primary {
background-color:#333 !important;
color:#fff !important;
}

#submit.kad-btn.kad-btn-primary:hover { 
background-color:#cecece !important;
color:#fff !important;
}

#wc_bookings_field_duration, #wc_bookings_field_persons {
    width: 5%;
    text-align: right;
}
.wc-bookings-booking-form .form-field input[type=number] {
    width: 10%;
    text-align: right;
}

.wc-bookings-booking-cost, .wc-bookings-booking-form {
background:#333333 !important;
}

.wc-bookings-booking-form .block-picker li:nth-child(odd) a {
    background: #333;
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a {
    background: #333;
}

.button.disabled, .button:disabled {
display: none;
}

p.order-again {
display: none;
}

a.about_paypal {
display: none;
}

#payment div.payment_box {
/*---display: none !important;---*/
 background: #333;
color: #fff;
}

.payment_method_stripe {
max-width: 400px;
}

.stripe-icon {
max-width: 60px !important;
}

.rr_star {
font-size: 20px;
background: #444;
}

.rr_successful {
font-size: 16px;
background: #444;
}

input#submitReview {
background-color: #333;
color: #eee;
border:none!important;
}

input#submitReview:hover {
background-color: #eee;
color: #333;
border:none!important;
}

/*---hide Filter Products on Mobile---*/
.kad-shop-filter {
    display: none;
}

/*---hide ALL on Alpaca males for sale page---*/
.selected {
display: none;
}

I also suggest that you have the host update your php version since you are not yet using version 7. I suggest you go to 7.2 or higher.

[Hannah]

Hannah

#227729

Hey,
You can actually customize this text from within the post/grid block settings in your edit page. Under the Below Title Meta tab, you can change the wording to whatever you like.
Hope that helps!

Hannah

[phil2]

phil2

#227551

Thanks Hannah, I’ll give that a try. I’m a little worried about losing all the settings that are now available within the Post Grid/Carousel block in Kadence Blocks Pro. I imagine it will get a bit more tricky if I use a shortcode?

I’ll give it a go on a test page.
Thanks again,
Phil.

[Ben Ritner]

Ben Ritner

#227550

You can’t really do that, there is a hack with css but you likly need to tweek this based on your setup. I suggest you post a link so I can get this close for you,

.kt-blocks-post-grid-item .kt-excerpt-readmore.more-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 10px;
}

.kt-blocks-post-grid-item .entry-content {
    position: static;
    padding-bottom: 20px;
}

.kt-blocks-post-grid-item {
    position: relative;
}

Ben

[Hannah]

Hannah

#227526

Hey Phil,
There isn’t a built-in function to set the posts order to random using the post grid/carousel block. You would need to use a shortcode like this: [blog_posts type="grid" orderby="rand" columns="2" items="8"]
Would that work for you?

Hannah

[Antoine]

Antoine

#227510

Hi all,

I’m using the Post Grid/Carousel Block to display the posts without images.
Only title and ‘Read more’ are links, I would like to make the whole block a link to the post details.

I tried cloning the module and adding a around the <article> but it displays an empty block before each post block.

How can I make the block clickable, users are asking for this.

Thank you in advance.
Antoine

[Antoine]

Antoine

#227510

Hi all,

I’m using the Post Grid/Carousel Block to display the posts without images.
Only title and ‘Read more’ are links, I would like to make the whole block a link to the post details.

I tried cloning the module and adding a around the <article> but it displays an empty block before each post block.

How can I make the block clickable, users are asking for this.

Thank you in advance.
Antoine

[phil2]

phil2

#227501

Hi Team,

The I love Cowes site is coming together well. On some pages such as “What to do” we have ordered the posts by “random” so that a new one is at the top each time.

But when I try to do this with “Where to Eat“, becasue I’m using the “Post Grid/Carousel” I can see no option to randomise the posts. So the same ones are always visible and some of the posts never get seen. Is there a way to add “order=random” to a “Post Grid/Carousel”?

Many thanks,
Phil.

[phil2]

phil2

#227501

Hi Team,

The I love Cowes site is coming together well. On some pages such as “What to do” we have ordered the posts by “random” so that a new one is at the top each time.

But when I try to do this with “Where to Eat“, becasue I’m using the “Post Grid/Carousel” I can see no option to randomise the posts. So the same ones are always visible and some of the posts never get seen. Is there a way to add “order=random” to a “Post Grid/Carousel”?

Many thanks,
Phil.

[cmjornalismo]

cmjornalismo

#227294

Thank you!! 🙂

That worked great for the grid style! Except that even this shortcode is pulling all 12 posts instead of only 6 or whatever other number I set :/ The same thing is still also happening with the Post Carousel at the home page header.

[cmjornalismo]

cmjornalismo

#227252

Thank you, Ben! That did it for the columns.

Since Elementor showed it as a grid while I was editing, I actually thought that the widget could load as a grid, which I prefer. So that’s why I chose not to show arrows, pagination or auto scroll, to kind of force it into a grid. Now I know that’s not possible, so I’ll see if I’ll use it as a Carousel indeed or if I’ll try something different. I want to show Latest Posts in a grid format, so maybe I’ll just enable the Latest Posts module at the Home Page Layout. It messes the layout I bit since I’ll have to choose if I want the module before or after the Page Content (the Carousel I can simply add wherever I want it), but it’s an option. If you have any other suggestion on how to add Latest Posts as a grid format inside the Page Content I’m building using Elementor, I’ll be glad to hear.

There’s one more thing, though. Both the Carousel widget and the Latest Posts module are not respecting the number of posts I choose to show. Take the Carousel, for example. I set it to show 6 itens, but when it’s published it shows all 12 posts. The same thing happens with the Latest Posts module. I’ve added it to the homepage to see how it would look like and set it to 3 columns, 6 posts, but it’s also showing all 12 posts. It seems every functionality regarding Latest Posts is having that problem. If I go to Theme Options – Home Page Header Content and choose the Post Carousel at the home page header settings, it also pulls every post instead of only the 4 I’ve set as Home Post Carousel max items.

Could you please take a look at what might be causing that?
Thanks a lot!

Carolina

[Ben Ritner]

Ben Ritner

#226447

Post excerpts are supposed to show. That is how it’s designed, the reason you have posts without them is because you are using pagebuilder and need to define the custom excerpt simply because of the way page builder saved the content.

You can hide excerpts though with css:

.blog_item.grid_item .entry-content {
    display:none;
}

Ben

[Joseph]

Joseph

#226004

I am not sanitizing anything….
I am attempting to – Adding Testimonial date to testimonial grid using child theme
I copied lines you stated below per your instructs “81-85 you would change out the code there for your code.”
I already changed line 85 to “echo ‘ – ‘ . wp_kses_post( $location );” to check to see if my overrides would work, it does

echo ‘ – ‘ . wp_kses_post( $location ); This line echos the location the $location column/field/item/property is what I am referring to as a field/column since it comes from the posts table.
How do I echo the other columns/fields of the wp_kses_post?
my wuestion was how do I find out what the column/field/item/property wp_kses_post is? so that i can use the correct date field?

[bajich]

bajich

#225886

Hello.

I am running latest wordpress with Ascend premium theme.

In the blog section (Grid with the first post as standard) I would like to have first post that I made Sticky in the visibility options of the post.

Is there a way to accomplish that?

Thank you.

[bajich]

bajich

#225886

Hello.

I am running latest wordpress with Ascend premium theme.

In the blog section (Grid with the first post as standard) I would like to have first post that I made Sticky in the visibility options of the post.

Is there a way to accomplish that?

Thank you.

[Ben Ritner]

Ben Ritner

#225825

Are there any filters or hooks on the posts carousel?

Yes, are you specifically talking about the Kadence Block Pro, Post grid carousel block?

You could add sharing through a function like this:

add_action( 'kadence_blocks_post_loop_content', 'custom_add_simple_share_block_output', 50 );
function custom_add_simple_share_block_output() {
echo do_shortcode('[kadence_simple_share]');
}

Ben

[Joseph]

Joseph

#225806

I am using virtue child theme. I want to add the post date to my testimonial grid. I found this from Ben:

Where are you wanting this date? if on the single testimonial post page you can add this to the templates/content-singletestimonail.php page:

<?php echo get_the_date(‘j M Y’); ?>

I would like to add the date just past the name, name – date.

Is there a way to use the child theme to override the theme file and add the date, so that I do not need to modify the base theme and will continue to function with theme updates. I am running the latest version of Virtue Premium.

[Joseph]

Joseph

#225806

I am using virtue child theme. I want to add the post date to my testimonial grid. I found this from Ben:

Where are you wanting this date? if on the single testimonial post page you can add this to the templates/content-singletestimonail.php page:

<?php echo get_the_date(‘j M Y’); ?>

I would like to add the date just past the name, name – date.

Is there a way to use the child theme to override the theme file and add the date, so that I do not need to modify the base theme and will continue to function with theme updates. I am running the latest version of Virtue Premium.

[mrtwanstall]

mrtwanstall

#225706

Hello

Sorry I seem to be asking a lot lately.. but I’m trying to customise the grid post category labels (different colours per category etc). I wonder if this can be done? I tried a plugin to do it but it doesn’t work. *Login to see link
Any help appreciated.

Thank you

[mrtwanstall]

mrtwanstall

#225706

Hello

Sorry I seem to be asking a lot lately.. but I’m trying to customise the grid post category labels (different colours per category etc). I wonder if this can be done? I tried a plugin to do it but it doesn’t work. *Login to see link
Any help appreciated.

Thank you