WP Knowledge Base plugin not using KLEO CSS

[chunkee]

I have the WP KNowledgbase by Enigma Plugins. When using the KLEO child theme, it does not display properly. Is there a way to have it use the KLEO CSS? This is an important plugin to us.

Thank you for your help. I look forward to version 3.

John C

[Laura]

Hello, i can help you with the css so the plugin integrates well with the theme 🙂
Please share a link to the page where the plugin appears so i can do the proper changes.

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[chunkee]

This reply has been set as private.

[Laura]

Hello, sadly i dont think i can give you a very good result if i am not able to check and test the css, but i can test it locally, is this the plugin https://wordpress.org/plugins/wp-knowledgebase ?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[chunkee]

Yes Miss Laura it is. Thank you so much.
Kindest regards,
John C

[Laura]

Hello, please give me some time to install and test the plugin 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, here are some fixes, please send me screenshots of what you want to change 🙂
Add this to Quick CSS in Theme options > General

COPY CODE

.kbe_breadcrum {
  margin: 0 0 30px;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.kbe_category {
  width: 44%;
  margin: 0 35px 30px 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 5px;
  -webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -o-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#kbe_content .kbe_leftcol h2 {
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-left: 3px solid #8a52ad;
  padding: 1px;
  padding-left: 2px;
  margin-left: -6px;
  margin-top: -6px;
  border-bottom-color: #f7f7f7 !important;
}
#kbe_content h2 a:hover {
  color: #166c94;
  text-decoration: none !important;
}

#kbe_content .kbe_leftcol ul li, ol {
  line-height: 35px;
  font-size: 14px;
  color: #333333;
  margin: 0;
  list-style: none;
  -webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -o-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border: 1px solid #e5e5e5;
  padding-left: 30px;
  border-left: 3px rgb(161, 61, 214) solid;
  margin-top: 10px;
}
.kbe_category ul li {
  line-height: 35px;
  font-size: 14px;
  color: #333333;
  margin: 0;
  list-style: none;
  -webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -o-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border: 0px !important;
  padding-left: 20px !important;
  border-left: 0px !important;
  margin-top: 0px !important;
}

You can change the colors in the CSS as you want 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

This is what i changed, screenshots attached
( Animations when the articles appear are also added )

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[chunkee]

Thank you very much Miss Laura. Very kind and thorough. Outstanding job!

[Laura]

Hello, if you are happy please leave us a nice comment and/or a 5 star rating at themeforest 🙂

Also, if you need more changes, just let me know

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[mckown]

This is only partially working for me any thoughts?

Attachments:

You must be logged in to view attached files.

[mckown]

Found the answer .. error in the plugin was not installing the template files like it is suppose to.

[Laura]

Hello, glad you could resolve it!

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Author]

Posts