Search Results for 'post grid'

[Rolf Espen]

Rolf Espen

#71850

Hi,

Thank you guys so much for a great theme!

I can’t seem to find an answer on how to make the footer background colour full screen when using boxed layout style.
I want to use the boxed layout style, with a body background which is an image (diagonal stripes) and then a white box on all the pages content.
When I do this however (advanced style, choose the white colour on all the places I want it, and leave the body background on) the footer is also included as content, and the white colour is not fullscreen anymore.
Is there any code to exclude the footer from the boxed layout style, or force the colour in the footer only to be full screen?

I’m including some images to describe what I mean.

Footer – problem
Footer – the way i want it to look

This is my CSS sheet:

.page-header {
display: none;
}

.post .first-post {
font-size: 2em;
}

[class*=”post”] { border:none !important; }

#kad-blog-grid .blog_item {
border: 0;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:160px;}

a:focus {
outline: none;
}

@media (min-width: 768px){
.boxed #wrapper.container {width:768px;}
}

@media (min-width: 992px){
.boxed #wrapper.container {width:992px;}
}

@media (min-width: 1200px){
.boxed #wrapper.container {width:1200px;}
}

Thank you!

[Rolf Espen]

Rolf Espen

#71850

Hi,

Thank you guys so much for a great theme!

I can’t seem to find an answer on how to make the footer background colour full screen when using boxed layout style.
I want to use the boxed layout style, with a body background which is an image (diagonal stripes) and then a white box on all the pages content.
When I do this however (advanced style, choose the white colour on all the places I want it, and leave the body background on) the footer is also included as content, and the white colour is not fullscreen anymore.
Is there any code to exclude the footer from the boxed layout style, or force the colour in the footer only to be full screen?

I’m including some images to describe what I mean.

Footer – problem
Footer – the way i want it to look

This is my CSS sheet:

.page-header {
display: none;
}

.post .first-post {
font-size: 2em;
}

[class*=”post”] { border:none !important; }

#kad-blog-grid .blog_item {
border: 0;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:160px;}

a:focus {
outline: none;
}

@media (min-width: 768px){
.boxed #wrapper.container {width:768px;}
}

@media (min-width: 992px){
.boxed #wrapper.container {width:992px;}
}

@media (min-width: 1200px){
.boxed #wrapper.container {width:1200px;}
}

Thank you!

[Ben Ritner]

Ben Ritner

#71779

Hey,
You first will want a child theme then you will need to add this function into it:

add_filter('kadence_blog_grid_image_height', 'kt_blog_img_height');
function kt_blog_img_height() {
return 364;
}

Make sure you have the latest version of the parent theme and this is the css:

#kad-blog-grid .blog_item .subhead, #kad-blog-grid .blog_item .entry-content, #kad-blog-grid .blog_item footer {
    display: none;
}
#kad-blog-grid .blog_item {
    border: 0;
    margin-bottom: 20px;
    position: relative;
}

#kad-blog-grid .blog_item header {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align:center;
    padding: 10px;
    z-index:1000;
    background: rgba(255,255,255,0.6);
        opacity: 0;
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
}
#kad-blog-grid .blog_item:hover header {
        opacity: 1;
}
#kad-blog-grid .blog_item .postcontent {
    padding: 0;
}
#kad-blog-grid .blog_item  h5.entry-title {
    color: #333;
}

Ben

[Andrew]

Andrew

#71766

This reply has been marked as private.

[Andrew]

Andrew

#71731

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#71443

Hey,
Are your pages published?

Choosing a parent page only has to do with navigation not what is shown on the grid page.

Can you post a link to the page where you are using the portfolio grid page template?

Ben

[susan]

susan

#71348

Here is a link
http://niagarawatch.com/

This is an example of another site – which is how I would prefer it to look – each post with just a title
http://www.theartofdoingstuff.com/

I currently have set the homepage to “latest posts” and the “Page Content” to 4 columns/grid on the “Home Layout”

[Hannah]

Hannah

#71266

Hey Susan,
Try adding this to your custom css box in Theme Options > Advanced Settings:

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

Hope it works for you!

Hannah

[Hannah]

Hannah

#71194

Hi Sylvie,
Do you mean the portfolio grid page or the individual post page? Can you post a link?

Hannah

[Hannah]

Hannah

#71157

Hey Grace,
To collect testimonials you can use the Testimonial shortcode. You can find this in the Virtue Shortcodes tab within the visual editor.
You can create new testimonial posts from the Testimonial tabs in your admin panel.
The testimonial page is set up the same way as the portfolio page. Create a new page and select the Testimonial Grid page template. This will automatically pull the featured images of your testimonial posts to that page.
Hope that’s clear!

Hannah

[Ben Ritner]

Ben Ritner

#70916

Sure you can use this css:

#kad-blog-grid .blog_item span.posttags {
    display: none;
}

Ben

[Ben Ritner]

Ben Ritner

#70886

Hey,
The option to click on an image and that open in the video is for the portfolio grid pages.. not the single portfolio posts. On those the video would show right in the page.

Does that make sense… see here:

Grid of all portfolio posts:http://themes.kadencethemes.com/virtue-premium/portfolio/

Single video portfolio post: http://themes.kadencethemes.com/virtue-premium/portfolio/vimeo-video/

Ben

[Ben Ritner]

Ben Ritner

#70841

Hey,
That isn’t an option with the the theme using the photo grid post layout.

You would have to use a child theme and edit the loop output for the photo grid on the front page.

Are you using a child theme and familiar with coding?

Ben

[Amit]

Amit

#70765

Hi,
We are using ultimate recipe plugin. We need to enable author image on post grid list.
Link:*Login to see link

[Amit]

Amit

#70765

Hi,
We are using ultimate recipe plugin. We need to enable author image on post grid list.
Link:*Login to see link

[Nicolae]

Nicolae

#70763

Hello,

In *Login to see link I have the blog posts:

[blog_grid orderby=date items=4 columns=4 cat=category1]

I need the first post to be a specific/sticky post, but I understand that it is not possible. In this case, is it possible to have the first post from a specified category and the other 3 posts from another specified category?

Regards,

Nicolae

[Nicolae]

Nicolae

#70763

Hello,

In *Login to see link I have the blog posts:

[blog_grid orderby=date items=4 columns=4 cat=category1]

I need the first post to be a specific/sticky post, but I understand that it is not possible. In this case, is it possible to have the first post from a specified category and the other 3 posts from another specified category?

Regards,

Nicolae

[Ben Ritner]

Ben Ritner

#70550

Hey,
You would need to set the pages to use the blog grid template. On your home page you need to set that in the theme options > home layout.. All the way at the bottom. set the grid to two columns.

It’s not possible to make those images not square when they are posted in the summary like that.
Ben

[Hannah]

Hannah

#70174

Hi Gerard,
Are you referring to the home layout? Do you mean Portfolio carousel? The full portfolio will display as a grid, similar to the portfolio grid page. The portfolio carousel is a carousel of your portfolio posts.

Hannah

[Hannah]

Hannah

#70126

Hey,
In your staff edit page under Staff Page Options set “Crop images to equal height” to “Yes”. Then set “Use Staff Excerpt or Content?” to “Excerpt”.
To add a border you can use this css:

#staffwrapper .grid_item {
    border: 1px solid #333;
    padding: 5px;
}

Just paste that in your custom css box in Theme Options > Advanced Settings.

If you want only 1 column you could use a default page template and add your posts via shortcode like this: [staff_posts columns="1" items="10"]
Then you could use this css to put the text beside the images:

#staffwrapper-80 .grid_item img {
    width: 50%;
    float: left;
    padding: 20px;
}
.staff_item_info {
    width: 50%;
    float: left;
}

However, if you go this route you loose the page options I mentioned above.

Hope that’s helpful!
Hannah

[Christine]

Christine

#70078

Hi Hannah – nope. I have no posts whatsoever (or portfolio pages). Only been using the staff pages and the staff grid page.

The site is not live, so not sure how I might send you a link? Please let me know if there is a way for you to view.

Thanks
Chris

[Hannah]

Hannah

#70066

If a date is appearing my guess is that you’re using actual posts instead of staff posts. Is that right? You need to navigate to Staff from the admin panel and create new staff posts.
If you’ve already created a staff grid page you should be able to find it by navigating to Pages from the admin panel and finding the title of your grid page.
If you have further questions can you please provide a link so we can better understand how you’re setting things up?
Thanks!

Hannah

[Hannah]

Hannah

#70001

Hey Christine,
Staff posts/page work the same way portfolio posts/page works. You need to create staff posts. You can do this by navigating to Staff from the admin panel. Then after that go to Pages and create a page and select the Staff Grid page template. Then the featured images from the staff posts will automatically get pulled to that page. Does that make sense?

Hannah