Kamal

[Kamal]

Hi,
We are sorry for late reply. I am looking into your problem right now. I will give you the solution shortly. Please wait a bit.
Thanks,
Kamal

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

[Kamal]

Hi,
-You may try it again after clearing your browser cache and cookies. Often you can not see the change because of cached page by your browser. And if clearing the cache does not solve the problem, you may try disabling plugin and test again. I have just tested on my site and it changes footer style perfectly according to theme option setting.
-Yes, It is possible to change the color of fixed menu. To do that, You need to disable transparent menu first from Theme options>Header Options>transparent menu. and then save and refresh the page. You should see white background on menu. You can change the color of menu background from Theme Options>Style Options> Header>Background color.
I hope this helps you.
Thanks,
Kamal

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

[Kamal]

Hi,
Thank you very much for reporting this bug. I have checked it and yap, we missed to add vendor prefix for this selector. We will fix this in the next update. However, in my test the style was not broken on Chrome and Firefox but it did break on Safari. Thank you again for reporting this bug.
Regards,
Kamal

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

[Kamal]

Hello,
Thank you very much for informing about this. We are going to correct this. 🙂
Regards,
Kamal

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

[Kamal]

Hi,
-The main purpose of the child theme is to give you the ability to upgrade the theme without losing the customization you have made.
-It is a great idea to install child theme especially when you need to make any customization. And if you do not need any customization at the moment, you may not need to install child theme but who knows you may need to customize something in near future. So it is highly recommended to install child theme.
::: The advantages:::
-It gives you ability to update your theme safely without losing your customization
-Easy to extend the functionality and features of parent theme
-Fallback is available from parent theme
and many more. You may Google it for more info.
:::The disadvantages:::
The major disadvantage is the learning curve. You need to learn hooks and functions that are used by parent themes for using, modifying or extending the child theme. You can Google it for more info.
I hope the information I have given here helps you.
Thanks,
Kamal

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

[Kamal]

Hello Aaron,
You should put the above css in appearance>editor>style.css of child theme. and only putting the above code will not have any effect. These are just media queries for targeting iPhones for activating specific css style for them. Your css code should go after the comment line in the above codes. and it would be great if you could give a link to your site to test. Normally, there should not be any problem on iphones. and also try to clear browser caches and cookies after deactivating all plugins to test your problem.
Thanks,
Kamal

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

[Kamal]

Hi,
Thank you very much, I did not mean like that. I meant to say I am very eager to help you and it is okey, Please take your time.
Thanks,
Kamal

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

[Kamal]

Hi
Please do not say like that. You are not stupid at all. You are our dearest client. 🙂 Well, I am sorry to tell you that it is not possible to edit those pages like normal pages with Visual composer or WYSIWYG editor. If you need to change them very much, you can do that by hiring a developer. But if you need little customization, you can tell me here, I must try to help you.
Regards,
Kamal

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

[Kamal]

Hi,
🙂 I am glad you solved it, I just wrote the answer. 🙂
If you have any problem with category archive or anything then please ask us any time.
Cheers.

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

[Kamal]

Hello @Dietmar,
You can change the design mostly by css, However, if you would like to change the template for bbpress and buddypress then you can find them in two folders “bbpress” and “buddypress” inside the KLEO theme folder.
If you have any more problems then kindly tell me with more details.
Regards,
Kamal

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

[Kamal]

Hello,
We are extremely sorry to say that we do not have html or psd template of a single page. We created this theme from a basic layout and then added different assets and features from different sources on every pages. and one page shares the features of other page so we really do not have a single html or psd layout for any page. We hope you understand it.
Regards,
Kamal

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

[Kamal]

Hi,
Please put this code on Theme options>General setting>quick css. or Appearance>editor>style.css of Kleo child theme.

COPY CODE

section.kleo-page-header.container-wrap.main-color {
display: none;
}

save the file and refresh the page. It should work, you can see in the screenshot attached here.
Thanks,
Kamal

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

Attachments:

You must be logged in to view attached files.

[Kamal]

Hi,
It seems that you are using SweetDate theme not KLEO. If you are using sweetdate then please move the topic to Sweetdate for best response.
Thanks.

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

[Kamal]

Hi,
You can change the font and border color of the top menu with the following code. Please read the comment in the code to edit them to according to your need.

COPY CODE

/*
Custom Style for Menu STARTS
*/
.social-header.header-color {
  background-color: #805920 !important;/*Cange it for Color for background  on the top menu area*/
  color:#ECFF42 !important;/*Change it for Color for general text or icon on the top menu area*/
  border: 0;
}
.social-header.header-color a{
	color: #ECFF42 !important; /* Change it for Color for the link of the menu and icon on the top menu area*/
}

.top-menu li > a {
    border-color: green !important; /*change it for color of border of top menu*/
}

#top-social li a {
   border-color: green !important; /*change it for the color of border of top social icons*/
}

/*
 ENDS Custom Style for Menu
 */

and you can use the following code to increase the height of the main nav menu. you can adjust the value of margin to your desired size.

COPY CODE

/*change the height of the main nav menu*/
.kleo-main-header .container {
    margin-bottom: 20px;
    margin-top: 20px;
}
/*Removing extra margin if sticky menu is enabled*/
.kleo-main-header.header-scrolled .container {
    margin-bottom: 5px;
    margin-top: 5px;
}

If you do not understand anything, Please ask me anytime.
Regards,
Kamal

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

[Kamal]

Hi, You are most welcome. I am marking it resolved then. Thanks.

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

[Kamal]

Hi Adrien,
It is my pleasure to help you with the info. I am marking this resolved. If you have any question, you are most welcome to ask me. Thanks. 🙂

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

[Kamal]

Hi Monica,
Yap, You are right, sometimes disabling and re-enabling plugins and clearing browser caches and cookies fixes a lot of problems. 🙂 I am glad your problem is resolved. If you have any problem with our theme, please do not hesitate to ask me here.
Regards,
Kamal

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

[Kamal]

Hi Albert,
You are most welcome. I am very glad that it helped you.
Regards,
Kamal

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

[Kamal]

Hi, I am glad that you resolved it. Well, I am closing the thread. If you have any problem you can ask me anytime. Thanks,

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

[Kamal]

Hello Victor,
Did you mean the size of the logo shrink by saying the tile shrunk? If responsive problem is solved then I can solve the logo size problem too. Please tell me clearly about your present problem. Thanks,

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

[Kamal]

Hello Monica,
I have just tested your site with 4 different browsers eg, Chrome, Firefox, Safari, Opera and I have refreshed the page several times but the header was fine. It did not shrink at all. I have added the screenshots for you. As far as I am concerned, your problem should be fixed if you just clear the browser cache and cookies and other browser data and then test again. Please let me know if I can help you with anything else.
Thanks,
Kamal

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

Attachments:

You must be logged in to view attached files.

[Kamal]

Hello,
Maybe you have already posted about this issue. The best answer to your problem may be this answer. I hope this helps.
Regards,
Kamal

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

[Kamal]

Hello Adam,
You need to use plugin for achieving this functionality. Here I am suggesting a plugin which will give you best result without any problem. You can use this plugin for showing different menu for different type of user. I hope it helps.
Thanks,
Kamal

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

[Kamal]

Hi,
You can find the original css file that KLEO parent theme uses in this folder>”wp-content/themes/kleo/assets/css”. You can look at the app.css for all css codes that KLEO uses. However, KLEO will use app.min.css. I hope this helps you. and for safer editing you should follow @sharmstr’s reply.
Thanks,
Kamal

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

[Kamal]

Hi,
Can you please tell me more clearly what you meant? There are two menu on top of the page. One is called main nav menu and another is called top menu. Items on top menu have a right vertical border/bar on each. and if you meant this border, then you can adjust the height of that bar using the following code. you can add them to Appearance>editor>style.css like before.

COPY CODE

.top-menu li > a {
    line-height: 33px !important; /*Change the value to adjust to your need*/
}

However, if you meant something else, then please tell me with more details. I will try to help you instantly.
Thanks,
Kamal

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

[Kamal]

Hi,
You can test your site disabling all plugins, Maybe any plugin causing this problem. normally it should work just fine on iphone. However, if your problem is not solve by deactivating plugins then you can change your media query. It does not look perfect for iphone. Please use the following media query to target iphone 4 and 5 in portrait mode only as you have got problem in portrait mode.

COPY CODE

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : portrait),
only screen and (min-device-pixel-ratio : 1.5) and (orientation : portrait) {
/* Styles for iphone 4 goes here */
}


/* iPhone 5 ----------- */
@media only screen and (min-device-width: 640px) and 
  (max-device-width: 1136px) and
  (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
    /* style for iPhone 5 only on portrait mode */
}

I hope this will fix your problem.
thanks,
Kamal

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

[Kamal]

Hi @Zeni,
Have you installed demo content and all recommended plugins? If yes, Then you can easily reproduce the same login popup and registration page. You can find the link for adding popup login and registration page on menu setting, if not, Please check them in the Screen option on top right corner. If you have any problem to understand anything please ask me anytime, Thanks.

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

[Kamal]

Hello Monica,
For the first problem, You can solve it in different ways,
>From WP Dashboard>settings>discussion>Default Avatar.
>For buddypress, You can use a plugin like this or read for more info here.
And for the second problem, I could not replicate your problem on my end. It would be good if you could give me the link to your site to test the problem. and One suggestion for solving the second problem. You may test it again deactivating your all plugins and clearing all cache and cookies of your browser.
Thanks,
Kamal

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

[Kamal]

Hello Clare,
I am looking into the problem. Please do not forget to mark your post with any credential as private. I have done this time for you.
Thanks.
Kamal.

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

[Kamal]

Hello Victor,
It did work on my test. By the way, You can try with the following code. Replace the above code with the following code. This code should work fine.

COPY CODE

@media all and (max-width: 470px) and (min-width: 441px){
      .logo, .logo a {
    width: 88% !important;
}

}

Thanks,
Kamal

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

[Kamal]

Hi,
I could not replicate your problem. Everything works fine on my site on mobile view. Have you tested it disabling all extra plugins? Maybe some plugin is causing problem as everything is working fine on me test here.If you do not have problem, you may give me the url to your site to see and test it?
Thanks,
Kamal

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

[Kamal]

Hello,
We are sorry that we can not provide HTML or PSD version of KLEO because we do not have simple PSD or HTML version of this theme. We have added different assets and features to KLEO from different places to create WordPress theme. So we are sorry that we do not have full html template of psd template to give you. Thank you very much for your interest in our theme.
Regards,
Kamal

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

[Kamal]

Hi, thank you very much for the info. Best of luck with your site. 🙂

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

[Kamal]

Hi Victor,
Thank you very much for your patience and giving me the link to test. I have just tested and found the problem from the viewport size 441px to 470px wide. I could solve the problem in my test using the following code. Please put the following code

COPY CODE

@media screen and (min-width: 441px) { 
   .logo, .logo a {
    width: 88% !important;
}
}

to Appearance>Editor>style.css or Theme Option>general settings>quick css and the save the file.
Please refresh the page and it should work fine now. If you test with your browser window then please try to clear all cache and cookies etc from the browser to test properly. If you have any problem to understand anything, please ask me anytime.
Thanks,
Kamal

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

[Kamal]

Hello Adrien,
It need a lot of custom work to show a pop up registration as it is not built-in in our theme. You may need to hire a developer to do that customization. You get some idea on how to add this features from this link .
Thanks,
Kamal

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

[Kamal]

Hello,
You can create text block like the above picture very easily form Visual Composer. In the above picture, I have used an accordion and then inside accordion we used text block. You can add an accordion to any page from Add Element on Visual Composer Editor. I have added some screenshots here. You can easily do it after seeing the screenshots below. If you do not understand anything, please let me know. I will help you instantly.
Thanks,
Kamal

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

Attachments:

You must be logged in to view attached files.

[Kamal]

Hi,
If you do not mind, Please give me a bit more info about what you are trying to do. It is very good to give me a screenshot and mark the place you want to hide. Here I am giving some info, maybe it may help you. If you like to hide the breadcrumb from the home page only then you can hide it from the Edit page>Theme General Setting>Title section>breadcrumb. And you can find many info there. If this does not help, then please give me more info.I will try to solve your problem instantly. Thanks.

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

[Kamal]

Hello,
I have tried to replicate the problem on my site, but I found no problem on my end. It would be easy for me to figure out the problem and solution to that if you could give me the url to your blog page.
Thanks,
Kamal

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

[Kamal]

Hi Norman,
Please do not worry. I will try my best to solve your problem. Yes, You can share temporary credentials here privately. I will have a look at them. Thanks.

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

[Kamal]

Hi,
It is possible to change the background color and the text color of both menu easily. You should can achieve your desire result in the following ways.
1. You can change the link color and the menu background color for both main nav menu and top menu from the Theme option>Style Option>header. I have added a screenshot. You can get clear understanding seeing it.
2. To give top menu different color for text and its background. You need to add some css to the style.css file of the KLEO child theme which can be found Under Appearance>Editor>style.css. I have got some css code for you to change top menu color. You can change the color code to your taste. Please copy the following code

COPY CODE

/*
Custom Style for Top Menu STARTS
*/
.social-header.header-color {
background-color: #d0820d !important;/*Color for background  on the top menu area*/
color:#fff !important;/*Color for any text/toggle button on the top menu area*/
border: 0;
}
.social-header.header-color a{
	color: #fff !important; /*Color for the link of the menu on the top menu area*/
}
/*
ENDS Custom Style for Top Menu
*/

to Apearance>Editor>style.css and save the file. Refresh the browser. and see the result. and you can also clear the browser cache and cookies etc. to see the result. I have added a screenshot of the result after adding the code. You can have an idea looking at the screenshot.
Thanks,
Kamal

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

Attachments:

You must be logged in to view attached files.

[Author]

Posts