remove animation and change layout of “Kleo Posts” widget

[robynmg227]

Hi,

I am using the “Kleo Posts” widget, and would like to do the following:

1) remove the animation, so that it doesn’t bounce in as you scroll

2) place the category name above the title and change its color

3) remove icon that shows comment number

 

See screen shot below for diagram.

Thanks!!

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

Thanks for reaching out about customizing our KLEO Posts element, I will forward this ticket to a developer who will be able to assist you. They’ll be in touch as soon as they can, Monday to Friday, East Europe Time.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Radu]

Hi

Can you please provide the entire shortcode that you are using please ?
What view “Small left thumb” ?

Animations can be de-activated by adding this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.animated,.wpb_animate_when_almost_visible  {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
 opacity: 1 !important;
 filter:none !important;
 
 }

Let me know

Cheers
R.

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

What support service includes ? What not ?

[robynmg227]

Hi Radu! Thanks, it worked!

[robynmg227]

Also, how do I change the color of the links (category, date, etc) in those posts? They are grey now, but I’d like them to be pink. (See attached screenshot for explanation)

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

To can change the order of the meta before the title you will have to create a file named: post-content-small.php

in: /wp-content/themes/kleo-child/page-parts/post-content-small.php

by adding in the file this content : https://pastebin.com/raw/WeQFKDrR

If the folders missing in child theme create them.

NOTE : Child theme needs to be installed and activated.

COPY CODE

.post-item .post-content .post-header .post-meta {
    margin:0 !important;
}
.post-item .post-content .post-header .post-meta * {color:red;}
.post-item .post-content .post-header h3.post-title {padding:5px 0 ;}

The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

Relpace red with your desired color.

Cheers
R.

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

What support service includes ? What not ?

[robynmg227]

Thank you!

[Radu]

You’re welcome
Cheers
R.

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

What support service includes ? What not ?

[p1x3lman]

Hi Radu –
Happy New Year!
I have a similar request. In the chart widgets (bar and donut), how can I change the ‘title’ colour?

cheers,
Jason

[Radu]

Hi @p1x3lman

Can you please show me live url where the donut appears please?

Cheers
R.

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

What support service includes ? What not ?

[p1x3lman]

Hi Radu,

The live URL is at:
http://pixelfication.com/#davinci

Hope you can assist!

[Radu]

Hi,

The heading has a generic class cannot give you a css selector cuz will match multiple headings not only that, what element are are you using there ? Custom heading somehow ? if yes you can choose your desired color like in screenshot.

If no just add a class or a id to that row that contains the doughnut and the title

Cheers
R.

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

What support service includes ? What not ?

[p1x3lman]

Hi Radu,
It’s not the Custom Heading properties.
There is a title within the widget that I wish to change the colour/font for. (see attached).
If this is a generic css, should I create a child class of the site and change the master css?

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,
Yes, just set for the column that keeps the dougnut and the title a specific class then i will be able to offer you a css that handles the title color.

Cheers
R

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

What support service includes ? What not ?

[Author]

Posts