Kleo Post Grid – Different Colors For Each Post / Counter [unique code]

[Nunivo]

Greetings,

I am using the pinterest style layout, and i was wondering how to achieve the same as demo.
– Testimonial have blue color + [ “ ]
– post x has colour purple
– post from page x has color blue
and so on (in my case i have 4 total).

Is there a way to enter PHP code to fetch site numbers?

Thank you.

[sharmstr]

– That’s not a testimonial. That’s a Quote type post.
– I dont understand “post x” and “page x”. If you’re talking about the left color bars next to the post title, those are set using the “format” section of the post editor to select a post type. Each post type has a different color.

For site numbers, there’s a short code for post count, but not one for searches or featured posts.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Hi Sharmstr,

Point 1, thanks for clearing that up.
Point 2, where can i find the post editor?
Point 3, is there way to enter a PHP code (that fetch real numbers)? I have a PHP code but i am not sure where i can place it.

Anyway thanks.

[sharmstr]

2 – WP Admin > Posts
3 – Use that PHP code to create a shortcode then enter the shortcode using the Text Block shortcode in VC. Here’s an online shortcode generator that may help you http://generatewp.com/shortcodes/

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Sharmstr,

I have used this code in Headway themes (licence ended, its a great theme but i didn’t get the look that i had in my mind). Anyway back on topic this was the code that would fetch numbers:
<?php echo $activeJobs = wpjb_find_jobs(array(“count_only”=>true));>

Is there not way to enter custom codes? I am not familiar with creating a short code.

—-

I have setup the home page it collects the following items in pinterest style:
– Jobs
– Companies
– Testimonials
– Blog Post

How i can can i give each bar a unique color?

—

Is there a way to restrict the search bar, if i stand in the search bar and hit enter (with no keyword) it opens all pages, is there a way that it only search specific pages?

Thanks

[sharmstr]

No, by default there is no way. Either create the shortcodes (I gave you a link that will do that for you) or search for a plugin that will allow you to enter the php code you have.

Here’s how you can override the color for posts.

COPY CODE

.masonry-listing .type-post .post-title {
  border-left-color: pink !important;
}

You’ll have to figure out how to do it for the rest of them. The part that *should* be unique to each one is the .type-post. So maybe try .type-jobs, .type-portfolio and .type-kleo-testimonials.

By default, enter will always take you to the standard search page. There is no way to change that. You can disable the enter to submit.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Thanks Sharmstr,

Will try the above

[Nunivo]

Hi Sharmstr,

Shortcodes are working, thanks.

But CSS color code not, i have contacted the plugin creator with the question what post types the rest are, this was his reply. If you are using version 4.3 then the post types are: job, resume and company, the title you can display the same as for posts.

I am using 4.3, am i missing something

.masonry-listing .type-job .post-title {
border-left-color: blue !important;
}

Thanks

[sharmstr]

Are you using the masonry layout? Did they work for the other post types? You can try this

COPY CODE

.masonry-listing .type-job .post-title {
  border-left-color: blue !important;
  border-left-width: 3px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Hi Sharmstr,

When i go to visual editor i have “kleo post grid”.

[sharmstr]

That code should work then.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Hi Sharmstr,

The code only works for the normal post, Kleo-Testimonials, Jobs and Company are unaffected.

See screenshot for grid settings.

[sharmstr]

You cant add the extra class names because it will add it to every post.

I dont know what to tell you. Those arent standard posts. Right click on one of the titles and inspect the element. Find a way to identify it.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sharmstr]

Send me a link.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Here is the http://www.museonjobs.com

From left to right – Kleo Testimonial – Job – Company – Post

[sharmstr]

add border-left-style: solid;

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nunivo]

Pefect that did trick, many many thanks.

[Author]

Posts