Search Results for 'post grid'

[Saskia]

Saskia

#146181

This reply has been marked as private.

[Hannah]

Hannah

#146173

Hey,
You should see a Testimonials tab in your dashboard. You can add your testimonials there, then display them by using the testimonial grid page layout. Or else the testimonial carousel widget.
If you don’t see this options make sure Testimonial Posts is turned on in Theme Options > Theme Extensions.

Hannah

[Laurent]

Laurent

#146144

Hello Kadence’s team!

I’m (finally) starting to translate bits of a primary French Website, using WPML. Unfortunately, most of the Virtue theme shortcodes aren’t rendering in the translated page. For exemple,
*Login to see link
in english
*Login to see link
In both I use (editing in text window).
[blog_grid columns=2 type=post cat=team]

Same problems with other shortcodes: [blog_posts orderby=date cat=news]…
Any suggestion?

Thanks!

[Laurent]

Laurent

#146144

Hello Kadence’s team!

I’m (finally) starting to translate bits of a primary French Website, using WPML. Unfortunately, most of the Virtue theme shortcodes aren’t rendering in the translated page. For exemple,
*Login to see link
in english
*Login to see link
In both I use (editing in text window).
[blog_grid columns=2 type=post cat=team]

Same problems with other shortcodes: [blog_posts orderby=date cat=news]…
Any suggestion?

Thanks!

[Hannah]

Hannah

#146091

Hey,
Yes. If you’ve created categories and assigned posts to them then by default you already have post category pages. You can link to theme from your menu (Appearance > Menus). You could also create a page and use the blog or blog grid page template and under the blog options, you can select a blog category.
Hope that helps!

Hannah

[accounts]

accounts

#145360

This reply has been marked as private.

[accounts]

accounts

#145184

This reply has been marked as private.

[Hannah]

Hannah

#144960

Hi Georgiy,
One option would be to use the feature page template then add your blog posts via shortcode like this: [blog_grid orderby=date items=4 columns=3]
Would that work for you?

Hannah

[Peter]

Peter

#144789

Hi Hannah,

No reason but activated it incase it was important but no change to issue.
Child theme css below:

/*
Theme Name: Pinnacle Premium Child Theme
Theme URI: http://themes.kadencethemes.com/pinnacle-premium/
Description: Child Theme for Pinnacle Premium
Author: Kadence Themes
Author URI: https://www.kadencewp.com/
Template: pinnacle_premium
Version: 1.0
*/

.sow-cta-base {
    padding: 0px;
margin-right: 0px;
margin-bottom: -15px;

}

.entry-content .image_menu_content .image_menu_message h4 {
margin-top:70px;
}

/* .bc_nomargin #kadbreadcrumbs {
text-align: left;
} */

.bc_nomargin #kadbreadcrumbs {
font-size: 14px !important;
}

.bc_nomargin #kadbreadcrumbs a {
color: #026E9C;
}

.home-message {
 padding-top: 140px;
}

.widget_nav_menu li a {
    display: block;
    padding: 2px 10px 2px 10px;
    background: #fff;
    margin-bottom: 0px;
    color: #444;
}

.sidebar .widget-title {
color: #006591;
font-weight: bold;
margin-bottom:0px;
}

button {
background-color: #0C7AAB;
color: #fff;
padding: 8px;
border: none;
}

.bioSections {
line-height: 40px;
font-size:38px;
text-align: center;
}

.bioTitles {
text-align: center;
font-weight: bold;
color: #117FB0;
line-height: 21px;
font-size:16px;
margin-bottom: -3px;
}

.bioQual {
text-align: center;
color: #117FB0;
line-height: 21px;
font-size:16px;
margin-bottom: -8px;
}

.readMore {
text-align: center;
font-weight: bold;
color: #117FB0;
line-height: 16px;
font-size:14px;
margin-top: -8px;
}

.readMore a {
font-weight: bold;
color: #000;
}

h2 {
clear: both;
}

textarea {
height: 120px;
}
.kadence_social_widget {
text-align: left;
}
.widget-title {
    text-align: left;
}

.kad-call-sitewide-button-case a.kad-btn-primary {
    display: none;
}

.kad-primary-nav .sf-menu ul {
    background-color: #1585B7!important;
opacity: 0.9 !important;
}

.home-padding {
    padding: 5px 0;
}

.topbar-widget {
float: right;
}

#topbar .top-menu-search-btn {
font-size: 22px !important;
}

.entry-content ul li a, .kt-simple-box .entry-content ul li a {
color:: #000;
text-decoration: underline;
}

.entry-content .giggle li {
font-size: 14px;
color: #7caa2d;
font-weight: bold;
}

.giggle li:hover {
font-size: 14px;
color: #1d96c5;
font-weight: bold;
}

img.alignnone, img.alignleft, img.alignright, img.aligncenter {

border-radius: 12px;
border-top-left-radius: 0px;
padding: 0px !important;
margin-bottom: 20px;
}

a img.alignnone:hover, a img.alignleft:hover, a img.alignright:hover, a img.aligncenter:hover {
-webkit-transform: scale(1.1);
	transform: scale(1.1);
} 
img.alignnoneNP, img.alignleftNP, img.alignrightNP, img.aligncenterNP {
border-radius: 12px;
border-top-left-radius: 0px;
padding: 0px !important;
margin-bottom: 25px;
align: centre;
margin-right: auto;
margin-left: auto;
}

img.aligncenterNB {
padding: 0px !important;
margin-bottom: 20px;
align: centre;
margin-right: auto;
margin-left: auto;
}

img.aligncenterNB:hover {
-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.home_blog article .entry-content {
    min-height: 134px;
}

.sidebar span a {
padding: 5px;
    background-color: #026994;
    margin-top: 30px;
    text-decoration: none;
color: #fff;
border-radius: 5px;
border: solid 1px #193B68;
}

.sidebar span a:hover {
background-color: #193B68;
border: solid 1px #2791C3;
}

.kad-btn-primary {
padding: 5px;
    background-color: #026994;
    margin-top: 30px;
    text-decoration: none;
color: #fff;
border-radius: 5px;
border: solid 1px #193B68;
font-size: 14px;
margin-top: -11px;
margin-top: -2px;
}

.kadence_recent_posts .recentpost_date, .widget_kadence_recent_posts .recentpost_date {
    color: #fff;
}

.footerclass .kadence_recent_posts .postclass a {
    color: #fff;
}

#containerfooter h4 {
font-size: 21px;
text-align: left;
}

.footerclass .widget-title:after {
    display:none;
}

.hometitle:after, .sectiontitle:after, .widget-title:after {
    content: '';
display:none;
}

/* Blog post snippets on home page */

#kad-blog-grid-home img {
    
    border-radius: 12px;
    border-top-left-radius: 0px;
    padding: 0px;
}

.home_blog_title a {
text-decoration: none !important;
}

.home_blog article .entry-content a {
color: #fff;
font-weight: normal;
text-decoration: none;
padding: 4px;
background-color: #1C90C4;
margin-top: 30px;
white-space: nowrap;
}

.hometitle {
    font-family: "Open Sans";
    line-height: 42px;
    font-weight: 300;
    font-style: normal;    
    font-size: 40px;
color: #000;

}

.home_blog article {
border: solid 4px #00466F;
border-radius: 12px;
border-top-left-radius: 0px;
}

[class*="wp-image"] {
    margin-top: 20px;
}

.mobileclass {
background: #198BBF;
}

kt-simple-box span p {
font-size: 20px;
}

.entry-content .myBtn a {
padding: 7px;

    background-color: #026994;
    margin-top: 30px;
    text-decoration: none;
color: #fff;
border-radius: 5px;
border: solid 1px #193B68;
font-size: 14px;
margin-top: -11px;
margin-top: -2px;
color: #fff;
}

.entry-content .buttonLink {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 4px;
    background-color: #1C90C4;
    margin-top: 30px;
    white-space: nowrap;
}

h6 {
    font-family: "Open Sans";
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    color: #000;
    font-size: 26px;
}

.entry-content a, .footerclass a {
text-decoration: underline;
color: #00446C;
}

/* Remove extra space top of footer */
#containerfooter {
padding-top: 10px;
}

/* Mobile sub nav enable click anywhere */
.kad-mobile-nav .kad-nav-inner li .kad-submenu-accordion {
    width: 100%;
    text-align: right;
}

/* Simple box */
.kt-simple-box {
margin-bottom: 22px;
border-radius: 12px;
border-top-left-radius: 0px;
padding-top: 0px;
box-shadow: 6px 6px 3px #ccc;
border: 1px solid #ccc;
}

.kt-simple-box:hover {
box-shadow: 6px 6px 3px #B1B1B1;
border: 1px solid #B1B1B1;
}
.kt-simple-box h1, .kt-simple-box h3, .kt-simple-box p {
color: #fff;
}

/* Contact 7 forms */
.wpcf7 input, .wpcf7 textarea {
border: solid 2px #ccc;
border-radius: 7px;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
border: solid 2px #ccc;
}

.wpcf7 input.wpcf7-submit, .modal-footer .kad-btn {
font-size: 16px;
background-color: #026994 !important;
color: #fff;
border: 1px solid #666;
border-radius: 12px;
}

.wpcf7 input.wpcf7-submit:hover, .modal-footer .kad-btn:hover {
background-color: #193B68 !important;
}

.sidebar a {
text-decoration:underline;
}

 /* Map */
#wpgmza_map_1 {
border: solid 2px #ccc;
border-radius: 20px;
z-index: 100;
}

/* Directions color */
.adp {
color: #fff;
}

/* Square date box on posts pages */
.bg-lightgray {
background-color:#1B3490;
}

.headerfont {
color: #fff;
}

/* AND posted in small text */

.subhead a, .postedintop {
color: #fff;
}

.entry-content .nav-tabs li {
    background-image: none;
}

[Annette]

Annette

#144722

We have set the display order to Random but this is not happening *Login to see link – the items display in the same order every time *Login to see link

[Annette]

Annette

#144722

We have set the display order to Random but this is not happening *Login to see link – the items display in the same order every time *Login to see link

[Ben Ritner]

Ben Ritner

#144371

Frank it really is super helpful if you can post a link to your site…

Making an assumption I’m going to guess you have turned on width to be 1440 max width. Columns are defined on a 1140 max width grid so if you’ve set the max width to 1440 in your theme options > layout settings just change your column setting to 3 which will be 4 on larger screen sizes where 1140 is used.

Ben

[Rosemary]

Rosemary

#143801

Hi, I am using the page from a template set up as an Archive page to serve as my “Places” page ie where I want to list the countries relating to my blog posts. *Login to see link It is however not visually appealing and I would like to do something either with this page, or develop a new page to serve this purpose – I will be adding quite a few new countries as I post more so it is good that it is a dynamic page. I was thinking perhaps an image grid with an image for each country, but open to suggestions.
Thanks
Rosemary

[Rosemary]

Rosemary

#143801

Hi, I am using the page from a template set up as an Archive page to serve as my “Places” page ie where I want to list the countries relating to my blog posts. *Login to see link It is however not visually appealing and I would like to do something either with this page, or develop a new page to serve this purpose – I will be adding quite a few new countries as I post more so it is good that it is a dynamic page. I was thinking perhaps an image grid with an image for each country, but open to suggestions.
Thanks
Rosemary

[Ben Ritner]

Ben Ritner

#143589

In a child theme functions.php file you can add a function like this:

add_action( 'kadence_post_grid_small_excerpt_header', 'custom_post_header_category', 25 );
function custom_post_header_category() {
echo '<div class="kt_subhead_category">';
the_category('|');
echo '</div>';
}

Ben

[Robin]

Robin

#143506

I have a child theme set up and would like to customize the blog grid template for the blog page(not home) – blog grid 3 column and 4 column layout.

What is the best way to place the name of the category underneath the title in the post excerpt subhead? I see how to simply remove the tooltips/icons, but how do you recommend adding in the category name, also as a text link> linking to category page?

[Robin]

Robin

#143506

I have a child theme set up and would like to customize the blog grid template for the blog page(not home) – blog grid 3 column and 4 column layout.

What is the best way to place the name of the category underneath the title in the post excerpt subhead? I see how to simply remove the tooltips/icons, but how do you recommend adding in the category name, also as a text link> linking to category page?

[Kevin]

Kevin

#142896

1. You’ll need to use a plugin, since there is no built in functionality to do this within the theme. I’m not really sure if this one will accomplish what you want, but it appears to have the functionality you’re after:
https://wordpress.org/plugins/subscribe-to-comments-reloaded/

2. Your blog was displaying as a grid before, so the previous CSS was for that. This CSS should do the trick:

.kad_blog_item .postfooterarea {
    display: none;
}

-Kevin

[Janine]

Janine

#142892

Hi Kevin

1. I mean the “leave a reply” at the bottom of the page. I want to add a tick box so people can opt-in to my email list at the moment they leave a comment: https://www.theinspirationcloud.com/mooning/

2. The CSS did not remove the line: https://www.theinspirationcloud.com/category/natural-health/ . I do want my post grids to display at equal height. I am using the minimum number of words in an excerpt, 20, but if there is CSS that can reduce it even more, I would love to know.

Thanks for your help! I’ll separate my questions in the future!

Bonne journée!

[Kevin]

Kevin

#142879

1. Please link to an example of this so that I can see what you’re referring to.

2. You can remove the line with this CSS:

.blog_item.grid_item .postcontent footer {
    display: none;
}

Since you have all of the blog posts set to display at equal heights, the space will always be present as long as you have different length excerpts for the posts. Go to Theme Options> Blog Settings, and find “Display Blog Grid posts at equal height.” Disable this and the space should be removed.

3. The image you were using shows up cropped with dimensions of 848×400, so something around that ratio will likely be best.

5. I don’t think that there is any reasonably easy way to get your menu to display below the logo in Pinnacle, but as I said, Ben or Hannah will let us know when they see this thread. It can be accomplished in Virtue easily though. I’ll flag this thread so that Ben will see it as soon as possible.

In the future, please separate your questions into individual threads and you’ll get quicker responses. It’s much easier for the questions to be seen by everyone if they are separate.

Thanks,
-Kevin

[Robert]

Robert

#142878

Several questions regarding the Customize option and some overlapping of rows.

In Appearance > Customize > Home Page Layout > Home Page Payout there are 9 “modules” listed, 4 of which have been checked. I think by default from the Ascend Premium “Shopping Demo.” The 9 are:

Home Widget Area
Product Carousel Tabs
Page Content
Latest Blog Posts
Image Menu
Icon Menu
Portfolio Carousel
Portfolio Grid
Custom Carousel

The first 4 boxes are checked, so they display. The instructions for these modules are:

Homepage Layout Manager
Check box to enable and sort for output order (Top First). (bold is my emphasis)

I assume that means I can drag and drop to re-order them. However, whenever I try to make the Product Carousel Tabs on the top and make Home Widget Area second, it doesn’t allow it. I can save it and it looks right for a bit, but when I leave and come back or refresh my home page, it is back the way it started, with Home Widget Area on top.

I tried dragging the Home Widget Area all the way to the bottom. It seemed to be correct. I saved and published. Went to another tab in Chrome refreshed the home page and it was right back to the top again.

site: *Login to see link

Which brings up another question. Is there a way to control the height of the “Product Carousel Tabs”?

I am also noticing an overlap of a row on top of another row. I have set the row to full width, but it still does not go all the way across. If you scroll down to just below the “testimonial row” you can see part of the next row overlays the testimonial row. So the grayish-blue of the image (this is the Hero widget I asked about earlier and found, thanks) is on top of the dark blue from the testimonial row. /Bob DeCloss

[Robert]

Robert

#142878

Several questions regarding the Customize option and some overlapping of rows.

In Appearance > Customize > Home Page Layout > Home Page Payout there are 9 “modules” listed, 4 of which have been checked. I think by default from the Ascend Premium “Shopping Demo.” The 9 are:

Home Widget Area
Product Carousel Tabs
Page Content
Latest Blog Posts
Image Menu
Icon Menu
Portfolio Carousel
Portfolio Grid
Custom Carousel

The first 4 boxes are checked, so they display. The instructions for these modules are:

Homepage Layout Manager
Check box to enable and sort for output order (Top First). (bold is my emphasis)

I assume that means I can drag and drop to re-order them. However, whenever I try to make the Product Carousel Tabs on the top and make Home Widget Area second, it doesn’t allow it. I can save it and it looks right for a bit, but when I leave and come back or refresh my home page, it is back the way it started, with Home Widget Area on top.

I tried dragging the Home Widget Area all the way to the bottom. It seemed to be correct. I saved and published. Went to another tab in Chrome refreshed the home page and it was right back to the top again.

site: *Login to see link

Which brings up another question. Is there a way to control the height of the “Product Carousel Tabs”?

I am also noticing an overlap of a row on top of another row. I have set the row to full width, but it still does not go all the way across. If you scroll down to just below the “testimonial row” you can see part of the next row overlays the testimonial row. So the grayish-blue of the image (this is the Hero widget I asked about earlier and found, thanks) is on top of the dark blue from the testimonial row. /Bob DeCloss

[Ben Ritner]

Ben Ritner

#142687

.portfolio-item.grid_item.postclass {
    background: transparent;
}

Ben

[Rebecca]

Rebecca

#142655

Sorry no that doesn’t help as I need the blog posts and pages to remain white NOT transparent
http://prntscr.com/f0a79m

It’s JUST the portfolio’s that I need on the grid page to not have a white background. That’s why I uploaded transparent images!

Please help further thanks,
Rebecca

[famous]

famous

#142470

HI BEN,

Thanks for your help i have managed to adjust the blog image size, but why you don’t recommended it?

.home .kad_blog_item .grid_item .imghoverclass {
max-height: 200px;
overflow:hidden;
}

is there any side effect to other pages or other blog post?

i have more than 7 products in one of my product categories and i want them to show in only one row. is that any css coding to force them so that the products can auto slide in a certain of time like in “FEATURED PRODUCTS”

thanks for your valuable help

famousagriculture.com