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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Nunivo]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Nunivo]

Thanks Sharmstr,

Will try the above

[Nunivo]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Nunivo]

Hi Sharmstr,

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

See screenshot for grid settings.

Attachments:

You must be logged in to view attached files.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Nunivo]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Nunivo]

Pefect that did trick, many many thanks.

[Author]

Posts