-
Author
-
November 28, 2016 at 16:02 #145421IvchenkoDVParticipant
Hello KLEO Masters!
Excuse me if you answered for this question in FAQ, but I can not find solution!
Theme has two buttons: “FeedBack form” and “Go Up”.
I would like to add a third button and tie to it link to a page.
How I could do it?
Thank you!
November 29, 2016 at 18:44 #145553RaduModeratorHi,
Where you need that button, inline with those buttons ? or above the go up button ?
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 29, 2016 at 18:47 #145555RaduModeratorHi,
Where you need that button, inline with those buttons ? or above the go up button ?
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 29, 2016 at 18:58 #145561IvchenkoDVParticipantHi!
I would like to add new button INLINE with other.
I hope you could give me solution! 🙂November 29, 2016 at 20:50 #145583RaduModeratorHi,
Add this css to wp-admin -> theme options -> general settings-> quick css
COPY CODE.kleo-additiona-floating-button { position: fixed; -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-style: solid; border-width: 1px; border-color: #e5e5e5; border-radius: 4px; padding: 20px; bottom: 50px !important; display: block !important; right:160px; bottom:50px; padding:14px 15px; }
Add this code to wp-content/themes/kleo-child/functions.php
COPY CODEfunction kleo_go_up_additional_button() { ?> <a class="kleo-additiona-floating-button" href="#"><i class="icon-up-open-big"></i></a> <?php } add_action('kleo_after_footer', 'kleo_go_up_additional_button');
Adapt it for your needs
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionNovember 30, 2016 at 08:18 #145610IvchenkoDVParticipantThank you!
But I did it and had no result…
First I add your CSS to theme option. Next I open kleo-child/functions.php and add your code.I still have 2 buttons: “Go Up” and “Feedback”…
Have you testing it on your pages? Did it work?
Thank you for your time!
P.S.: I do not add any additional code to theme and to files.
December 1, 2016 at 16:00 #145791IvchenkoDVParticipantHi.
What credentials you mean?
I must open site to users or I should give you dashboard access?December 1, 2016 at 16:34 #145806IvchenkoDVParticipantSite is a public now. And all your code is added.
Please look at it.December 1, 2016 at 17:08 #145809RaduModeratorYou don’t have kleo child theme installed or isn’t activated,
Install kleo theme then paste again the code function to wp-content/themes/kleo-child/functions.php
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDecember 1, 2016 at 17:29 #145813IvchenkoDVParticipantHmmm… I have KLEO child theme! Of course the active is KLEO (mother). But I see the Child and I can activate it one click.
December 1, 2016 at 17:37 #145815RaduModeratorThe KLEO Child theme should be activated instead the parent.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDecember 1, 2016 at 17:44 #145820IvchenkoDVParticipantWhat is if I use parent theme? All time I working in the mother. I must use the child?
December 1, 2016 at 18:01 #145821IvchenkoDVParticipantYou want to say what I should use CHILD always? ))
And I must remake my project on CHILD..?F@CK! Hard work again!
December 1, 2016 at 18:58 #145827RaduModeratorMan if you have done your customizations on parent you can export them then you can import them back in child like this :
Using parent theme active -> go to wp-admin -> theme options -> import/export -> chose export -> copy data.
Then activate child theme go to same place -> wp-admin -> theme options -> choose import -> import from url and paste the code and that’s all!
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDecember 1, 2016 at 21:02 #145840IvchenkoDVParticipantThank you for advice! I will try do it.
As I understand I must use only child theme farther and always. Is it right?December 2, 2016 at 08:28 #145878IvchenkoDVParticipantHello!
What I did:
I transfer all settings to CHILD and I will use only it.
I add your code in function and CSS (as you adviced).As result I have white screen. Please see attachment.
Looks like some conflict…
By the way I often see that when adding new plugin.
Attachments:
You must be logged in to view attached files.December 2, 2016 at 16:34 #145918RaduModeratorYes you should use the child always to can have the modifications even on theme update.
Try to replace the php code with this one : http://pastebin.com/raw/5cht053G (copy and pasted form here)
This works i’ve tested before providing the solution
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDecember 2, 2016 at 17:32 #145925IvchenkoDVParticipantIt is work!
Thank you!
I want some setting style of new button. But…it is here!
Thank you very much!
December 2, 2016 at 17:43 #145928IvchenkoDVParticipantHmm… need advice 🙂
How I can do that:
I need to the button can change its position when I scrolling up and down… like “feedback” button changed.Please, look at site and scrolling page.
I think that I must change line position: fixed;
?
December 5, 2016 at 18:44 #146089RaduModeratorHi,
In this case should be created an additional JS that correct that.
Here it’s the JS and can be added to wp-admin -> theme options -> General settings -> Javascript code
COPY CODE<script> jQuery( document ).ready(function() { kleoCheckButton(); }); var myTimer; jQuery(window).scroll(function() { if(myTimer) { window.clearTimeout(myTimer); } myTimer = window.setTimeout(function() { // actual callback kleoCheckButton(); }, 200); }); function kleoCheckButton(){ if(jQuery('.kleo-go-top').hasClass('on')){ jQuery('.kleo-additional-floating-button').attr('style', 'right: 160px;'); } else { jQuery('.kleo-additional-floating-button').attr('style', 'right: 80px;'); } } </script>
Adjust as you need
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDecember 6, 2016 at 17:39 #146216RaduModeratorYou’re welcome
You’re very welcome, please don’t forget to rate us 5 stars at themeforest if you have time and also will be useful for us and for rest of the users if you will leave a short review about the customer support service.
https://themeforest.net/item/kleo-next-level-wordpress-theme/reviews/6776630
Thank you in advance
Regards.
Radu.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
The forum ‘General questions’ is closed to new topics and replies.