Search Results for 'post grid'

[admin26]

admin26

#79271

Hi guys,

I am building a pure blog with Pinnacle, and was hoping you could give me a little advice on the menu structure. Let’s say I am blogging on clean tech, and have the following categories. Should I create all of these topics as categories, using parent categories, or would it be better to stick with the main categories, and use tags for the sub-categories.

I would like our readers to be able to click on “solar”, and see every post on that topic; or click on “energy” and see every post on all the energy topics. I don’t want it to get too complicated — we’re doing 5 or so posts a day, and want the site to work well at-a-glance.

Thanks!

Energy
– Solar
– Wind
– Advanced Nuclear
– Batteries
– Grid

Transportation
– Cars
– Trains
– Bikes

Buildings
– Heating
– Cooling
– Lighting

[admin26]

admin26

#79271

Hi guys,

I am building a pure blog with Pinnacle, and was hoping you could give me a little advice on the menu structure. Let’s say I am blogging on clean tech, and have the following categories. Should I create all of these topics as categories, using parent categories, or would it be better to stick with the main categories, and use tags for the sub-categories.

I would like our readers to be able to click on “solar”, and see every post on that topic; or click on “energy” and see every post on all the energy topics. I don’t want it to get too complicated — we’re doing 5 or so posts a day, and want the site to work well at-a-glance.

Thanks!

Energy
– Solar
– Wind
– Advanced Nuclear
– Batteries
– Grid

Transportation
– Cars
– Trains
– Bikes

Buildings
– Heating
– Cooling
– Lighting

[Ben Ritner]

Ben Ritner

#79192

Hey,

1. Yes you have to add your own link if your using a custom excerpt. (it’s custom so thats part of giving you control).

2. There is a blog page format for posts. See here: http://themes.kadencethemes.com/virtue-premium/blog/

You can also use a blog grid see here: http://themes.kadencethemes.com/virtue-premium/blog-grid-three-column/

^ That is where the custom excerpt would show as is. So whatever formatting you use for custom will show in either of those formats.

There is also a separate style option which we added for the home page. That is what you see as “latest posts” in the theme options > home layout. That purely optional. Think of it as an added bonus. You don’t have to use it if you don’t like but it’s there. If you don’t like how it styles the posts then don’t use it.

Finally you also can display the full post. see here: http://themes.kadencethemes.com/virtue-premium/blog-full/

So to be clear thats three options.. Blog standard, blog grid, blog full and then apart and more custom from those the latest posts that you see in your home layout options.

Any one of those styles can be called into a page using a shortcode.

So since you want use the read more option where you manually tell wordpress where to break in the post by using the read more tag, you need to use the blog full. That style calls for content and not excerpt.

Here is an example of how we are using the full output in conjunction with the read more tag: https://www.kadencewp.com/blog/

You can see there that all the formatting is in each post (including an image) till I’ve added the read more tag.

It sounds like that is the style you want throughout your site (even on the home page).

So you need to go into your blog page, make sure you have selected the blog page template and set the “display content as” to be full. See here: http://docs.kadencethemes.com/virtue/#blogpage

Then you need to go into the theme options > home layout. Deactivate “latest posts” and instead move “home widget area” into the enabled area.

Next go to your apperance > widgets add a text widget to the home widget area and place [kad_blog orderby=date items=4 fullpost="true"] into the text area.

Ben

[mikes]

mikes

#79162

Hi,

I’m using a featured projects grid in a footer widget. Is there a way to change the order to random (or menu order) rather than by date? I see the ability to choose a category in the Virtue: Post Grid: widget, but I don’t see an order setting.

Thanks,
-MikeS

PS. Here’s the site: *Login to see link

[mikes]

mikes

#79162

Hi,

I’m using a featured projects grid in a footer widget. Is there a way to change the order to random (or menu order) rather than by date? I see the ability to choose a category in the Virtue: Post Grid: widget, but I don’t see an order setting.

Thanks,
-MikeS

PS. Here’s the site: *Login to see link

[Ben Ritner]

Ben Ritner

#78942

Is this for the archive grid or single product page?

What other font?

What size?

Please post a link with support requests.

Ben

[Ben Ritner]

Ben Ritner

#78835

Hey,
So the grid widget is only designed for sidebars or footers. It’s set up to output small thumbnails.

You can use a shortcode if you would like to add portfolio posts in a page. For example: [portfolio_posts columns="5" items="10"]

Ben

[Kevin]

Kevin

#78828

In order for the sliders to show up on the portfolio grid page, the slider needs to be active within each post, with your desired images placed within them.

Go into the “portfolio post options” for the desire post, and make sure that you’ve selected “image slider” for your “project summary.

Then scroll even further down the page, and find “portfolio slider images.” Ad the images you want to appear in the slider, and you should be done.

Hope that helps!

[Krzysztof]

Krzysztof

#78777

I choose blog-grid for my posts. But there is only possibility to choose how many word will be in excerpt. It’s not good for me because blocks with excerpts have different sizes (because of different lengths of words). Is there any option to have grid blocks with the same size? If it could count letters instead of words it would be better but it could cut the word at the and. I was seeking some plugins but all I’ve checked have the same situation.

[Krzysztof]

Krzysztof

#78777

I choose blog-grid for my posts. But there is only possibility to choose how many word will be in excerpt. It’s not good for me because blocks with excerpts have different sizes (because of different lengths of words). Is there any option to have grid blocks with the same size? If it could count letters instead of words it would be better but it could cut the word at the and. I was seeking some plugins but all I’ve checked have the same situation.

[sarmad]

sarmad

#78697

but why when i used in my second domain it caused errors ?
this occurred in my website (i have dokan multi vendor plugin too)

deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/premium_widgets.php on line 148 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; kad_infobox_widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/premium_widgets.php on line 320 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; kad_gmap_widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/premium_widgets.php on line 477 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; kad_calltoaction_widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/premium_widgets.php on line 617 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; kad_imgmenu_widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/premium_widgets.php on line 769 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; kad_split_content_widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/premium_widgets.php on line 892 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Kadence_Contact_Widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/widgets.php on line 202 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Kadence_Social_Widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/widgets.php on line 353 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Kadence_Recent_Posts_Widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/widgets.php on line 577 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Kadence_Testimonial_Slider_Widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/widgets.php on line 703 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Kadence_Image_Grid_Widget has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/widgets.php on line 966 Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Simple_About_With_Image has a deprecated constructor in /customers/2/e/7/k4shop.com/httpd.www/wp-content/themes/virtue_premium/lib/widgets.php on line 1115

[Quivid]

Quivid

#78681

hello
can anyone help me to customize my post layout?

1.i wan to customize my post to

(image)

(Text)

(image)

(product grid view)

(text)

(img)

(product grid view)

2.want to hide all title and using this code but not working
.page-header {
display: none;
}

current css box:
.page-header {
display: none;
}

#containerfooter.footerclass {
min-height: 275px;
background-size: cover !important;
}

im using virtue premium and woocommerce
current post : *Login to see link

Help
Thanks

[Quivid]

Quivid

#78681

hello
can anyone help me to customize my post layout?

1.i wan to customize my post to

(image)

(Text)

(image)

(product grid view)

(text)

(img)

(product grid view)

2.want to hide all title and using this code but not working
.page-header {
display: none;
}

current css box:
.page-header {
display: none;
}

#containerfooter.footerclass {
min-height: 275px;
background-size: cover !important;
}

im using virtue premium and woocommerce
current post : *Login to see link

Help
Thanks

[Colin]

Colin

#78674

This reply has been marked as private.

[Hannah]

Hannah

#78608

Hey Annika,
You should see a Testimonials tab in your admin panel. You can create testimonial posts there, then to create a testimonial page create a new page and set the page template to Testimonial Grid. This template will automatically pull the posts to the page.
If you have further questions regarding this please start a new thread and post a link to your site as this one has already been marked as resolved.

Hannah

[Ben Ritner]

Ben Ritner

#78322

Hey,
The shortcode is not supposed to effect the home portfolio full settings.

It it supposed to create it’s own grid.

You would have to change the js to effect the shortcode and one line in the shortcode. For the JS

change this line: $('#portfoliowrapper-home').isotopeb({ filter: '.photobooths' });

to this:
$('#portfoliowrapper-homeshortcode').isotopeb({ filter: '.photobooths' });

Then in your shortocode change from this:
[portfolio_posts columns="4" items="50"]

to this:

[portfolio_posts columns="4" items="50" id="homeshortcode"]

Ben

[Milosz Pierwola]

Milosz Pierwola

#78094

Hi Ben,

I added the code as you instructed, but I am still getting two columns of grid-type blog posts.

Please see here: http://Worldin360.com

Just for reference, I am looking to have the blog feed appear as a thumbnail feature image on the left with a title and 28 character excerpt to the right.

Cheers, thanks for taking the time to resolve this.

[Mike]

Mike

#78037

Hi,
On this site… akrasprint.com, I’m having problems with the sidebar shrinking and looking bad on mobile. When I add the css @media (min-width: 992px) It fixes it, but then makes other css code not function properly. For example, in my woocommerce shop page, I have hidden the price for products, and when I add the @media (min-width: 992px) code the price will appear again when viewing the site in mobile version.

So essentially the @media (min-width: 992px) code fixes the sidebar mobile problem, but creates another problem with the pricing being shown on my store.

Do you know what I’m missing? Here is all my custom css.. thanks.

@media (min-width: 992px) {
.page-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
.post-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
#kadbreadcrumbs {
font-size: 14px; padding-top: 35px; padding-right: 30px; padding-bottom:15px;
}
.category .2015-2016-News #kadbreadcrumbs {
font-size: 14px; position: absolute; padding-top: 25px; padding-right: 40px;
}
.main.col-lg-9 {
width: 78%;
}
.kad-sidebar.col-lg-3 {
width: 22%;
}
.tw-recent-posts .excerpt {
padding-bottom:25px;
}
.tw-recent-posts .excerpt {
border-bottom: solid 1px #0F2674;
}
.tw-recent-posts h4 {
padding-top: 25px;
}
.panel-grid-cell .widget-title {
display:none;
}
.kad-sidebar {
background-color: #f2f2f2;
padding: 5px 30px 30px 30px;
}
.main.col-lg-9 {
width: 73%;
}
.kad-sidebar.col-lg-3 {
width: 27%;
}
.sidebar {
border-radius: 10px;
}
#topbar{
border-radius: 5px;
}
.kad-banner {
padding-top:30px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.topbarmenu ul li a {
color: #000000;
}
#topbar-search input[type=text], #topbar-search #searchsubmit {
color: #000;
}
#topbar-search .form-search ::-webkit-input-placeholder {
color: #000;
}
#topbar-search .form-search ::-moz-placeholder {
color: black;
}
#topbar-search .form-search :-ms-input-placeholder {
color: black;
}
#topbar-search input[type=text] {
border: 1px solid #000;
}
#nav-main {
background-color:#f2f2f2;
}
#nav-main ul.sf-menu>li>a {
border-right: 1px solid #000;
}
#nav-main ul.sf-menu>li:last-child > a {
border: none;
}
#nav-main ul.sf-menu>li:first-child > a {
border-left: none;
}
.product_item .price {
display:none;
}
.product_item .notrated {
display:none;
}
.senior-masters .summary .price {
display:none;
}
.woocommerce .quantity
input.qty {
display:none;
}
.post-384 .summary .price {
display:none;
}
.post-386 .summary .price {
display:none;
}
.post-387 .summary .price {
display:none;
}
.post-246 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-286 .summary .price {
display:none;
}
.post-285 .summary .price {
display:none;
}
.post-284 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-330 .summary .price {
display:none;
}
.post-360 .summary .price {
display:none;
}
.post-361 .summary .price {
display:none;
}
#nav-second ul.sf-menu {
padding-top:15px;
}
.home #nav-second ul.sf-menu {
display:none;
}
.about #nav-second ul.sf-menu {
display:none;
}
.classes #nav-second ul.sf-menu {
display:none;
}
.schedules #nav-second ul.sf-menu {
display:none;
}
.florida-pro-kart-series-classes #nav-second ul.sf-menu {
display:none;
}
.contact #nav-second ul.sf-menu {
display:none;
}
.category-2015-2016-news #nav-second ul.sf-menu {
display:none;
}
.shop #nav-second ul.sf-menu {
display:none;
}
.woocommerce
input.input-text,
form.checkout
input.input-text {
width:50%;
}
.checkout .woocommerce
input.input-text,
form.checkout
input.input-text {
width:100%;
}
#nav-main {
border-radius:5px;
}

[Mike]

Mike

#78037

Hi,
On this site… akrasprint.com, I’m having problems with the sidebar shrinking and looking bad on mobile. When I add the css @media (min-width: 992px) It fixes it, but then makes other css code not function properly. For example, in my woocommerce shop page, I have hidden the price for products, and when I add the @media (min-width: 992px) code the price will appear again when viewing the site in mobile version.

So essentially the @media (min-width: 992px) code fixes the sidebar mobile problem, but creates another problem with the pricing being shown on my store.

Do you know what I’m missing? Here is all my custom css.. thanks.

@media (min-width: 992px) {
.page-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
.post-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
#kadbreadcrumbs {
font-size: 14px; padding-top: 35px; padding-right: 30px; padding-bottom:15px;
}
.category .2015-2016-News #kadbreadcrumbs {
font-size: 14px; position: absolute; padding-top: 25px; padding-right: 40px;
}
.main.col-lg-9 {
width: 78%;
}
.kad-sidebar.col-lg-3 {
width: 22%;
}
.tw-recent-posts .excerpt {
padding-bottom:25px;
}
.tw-recent-posts .excerpt {
border-bottom: solid 1px #0F2674;
}
.tw-recent-posts h4 {
padding-top: 25px;
}
.panel-grid-cell .widget-title {
display:none;
}
.kad-sidebar {
background-color: #f2f2f2;
padding: 5px 30px 30px 30px;
}
.main.col-lg-9 {
width: 73%;
}
.kad-sidebar.col-lg-3 {
width: 27%;
}
.sidebar {
border-radius: 10px;
}
#topbar{
border-radius: 5px;
}
.kad-banner {
padding-top:30px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.topbarmenu ul li a {
color: #000000;
}
#topbar-search input[type=text], #topbar-search #searchsubmit {
color: #000;
}
#topbar-search .form-search ::-webkit-input-placeholder {
color: #000;
}
#topbar-search .form-search ::-moz-placeholder {
color: black;
}
#topbar-search .form-search :-ms-input-placeholder {
color: black;
}
#topbar-search input[type=text] {
border: 1px solid #000;
}
#nav-main {
background-color:#f2f2f2;
}
#nav-main ul.sf-menu>li>a {
border-right: 1px solid #000;
}
#nav-main ul.sf-menu>li:last-child > a {
border: none;
}
#nav-main ul.sf-menu>li:first-child > a {
border-left: none;
}
.product_item .price {
display:none;
}
.product_item .notrated {
display:none;
}
.senior-masters .summary .price {
display:none;
}
.woocommerce .quantity
input.qty {
display:none;
}
.post-384 .summary .price {
display:none;
}
.post-386 .summary .price {
display:none;
}
.post-387 .summary .price {
display:none;
}
.post-246 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-286 .summary .price {
display:none;
}
.post-285 .summary .price {
display:none;
}
.post-284 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-330 .summary .price {
display:none;
}
.post-360 .summary .price {
display:none;
}
.post-361 .summary .price {
display:none;
}
#nav-second ul.sf-menu {
padding-top:15px;
}
.home #nav-second ul.sf-menu {
display:none;
}
.about #nav-second ul.sf-menu {
display:none;
}
.classes #nav-second ul.sf-menu {
display:none;
}
.schedules #nav-second ul.sf-menu {
display:none;
}
.florida-pro-kart-series-classes #nav-second ul.sf-menu {
display:none;
}
.contact #nav-second ul.sf-menu {
display:none;
}
.category-2015-2016-news #nav-second ul.sf-menu {
display:none;
}
.shop #nav-second ul.sf-menu {
display:none;
}
.woocommerce
input.input-text,
form.checkout
input.input-text {
width:50%;
}
.checkout .woocommerce
input.input-text,
form.checkout
input.input-text {
width:100%;
}
#nav-main {
border-radius:5px;
}

[Hannah]

Hannah

#78017

Hi JM,
Can you post a link so I can better understand how you have things set up?
From your portfolio post edit page you can set the Portfolio Options to Image Grid then add your gallery images to the Portfolio Slider Images tab.That will give it this look- http://themes.kadencethemes.com/virtue-premium/portfolio/work-space/
Also see this tutorial- https://www.kadencewp.com/creating-a-portfolio-page-with-virtue/

Hannah

[Heather]

Heather

#78010

Hi Ben,
Sorry, no that didn’t work. I want the info in the staff grid to display like it does on the staff page/post. With the person’s title (ex. President and CEO) larger/bolder and on a separate line than the bio text.

Does that help?

It would actually be nice to have the photo click through to the full bio as well. If that is possible…

Thanks!
Heather

[Milosz Pierwola]

Milosz Pierwola

#77700

Hi Ben and thanks,

I ran into a couple issues, mainly;
1. The Posts appeared as a GRID, whereas I would like for them to be listed as they were before with a profile photo on the left and an excerpt with 28 characters adjacent to the right
2. All categories appear, but I would only like for the category “Article” to appear

Note: I saw in another post that using the shortcode permits for a sticky + categorized posts in chronological order. I just wanted to confirm that is the case and that the sticky (also categorized as “Article”) will appear first and then all posts in the category “Article”.

PROCESS of how I did it (and I can send you login info if you would like):
1. Create page “Home”
2. insert shortcode [blog_posts items=”8″]
3. Reading Settings > Static Page > “Home”
4. Theme Options > Home Layout
REMOVED “Latest Blog Posts” (so I only have “Image Menu”)
Note: When I did this the area where the posts are supposed to be disappeared completely. So,
5. Theme Options > Home Layout
ADDED “Page Content”

The result is:
1. a grid style Posts area (I would like feature photo + 28 characters excerpt)
2. All posts including ones I would not like to have appear (I would like only “Article” category)

Thank you Ben!

[Ben Ritner]

Ben Ritner

#77663

Hey,
For a portfolio post in the portfolio grid you can disable the link and make the lightbox icon larger is that what your wanting?

Ben

[Ben Ritner]

Ben Ritner

#77610

1. Add this css to the theme options > advanced settings:

.home .sliderclass, .home .contentclass {
    padding-bottom: 0;
}
footer#containerfooter {
    padding-top: 0;
    position: relative;
}
#containerfooter .virtue_social_widget a {
    background: transparent;
    color: black;
}
.footercredits {
    position: absolute;
    right: 20px;
    bottom: 0;
    padding-bottom: 0;
}

#containerfooter .virtue_social_widget {
    padding-bottom: 10px;
}

2. In your settings > reading. Make sure no page is selected as your “posts page” just leave that area blank. Don’t select a page.
Then in your blog page use the “blog grid” page template and save.

3. Do you mean the logo tagline?
4. You can add this css:

header#kad-banner {
    border-bottom: 1px solid #eee;
}
.wrap.contentclass {
    padding-top: 20px;
}
.sliderclass {
    margin-top: 0;
}

Ben

[Ben Ritner]

Ben Ritner

#77009

I’m confused as to why you would want those url to load on the blog grid? Are you thinking that a lot of people use this browser extension and your wanting to support that?

I personally don’t think adding loading time and adjusting html is worth it for a browser extension. But to do it you would either have to make your images load really large by overriding the template through a child theme or make your template load the url as a link for the image (adding confusion for users who want to click the image to see the post). with this option you are still going to have to override the templates through a child theme…

You can get a child theme here: https://www.kadencewp.com/child-themes/

Ben