How to add a third button?

[IvchenkoDV]

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!

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[IvchenkoDV]

Hi!
I would like to add new button INLINE with other.
I hope you could give me solution! 🙂

[Radu]

Hi,

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 CODE

function 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 solution

What support service includes ? What not ?

[IvchenkoDV]

Thank 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.

[Radu]

This reply has been set as private.

[IvchenkoDV]

Hi.
What credentials you mean?
I must open site to users or I should give you dashboard access?

[Radu]

This reply has been set as private.

[IvchenkoDV]

Site is a public now. And all your code is added.
Please look at it.

[Radu]

You 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
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 ?

[IvchenkoDV]

Hmmm… I have KLEO child theme! Of course the active is KLEO (mother). But I see the Child and I can activate it one click.

[Radu]

The 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 solution

What support service includes ? What not ?

[IvchenkoDV]

What is if I use parent theme? All time I working in the mother. I must use the child?

[IvchenkoDV]

You want to say what I should use CHILD always? ))
And I must remake my project on CHILD..?

F@CK! Hard work again!

[Radu]

Man 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 solution

What support service includes ? What not ?

[IvchenkoDV]

Thank you for advice! I will try do it.
As I understand I must use only child theme farther and always. Is it right?

[IvchenkoDV]

Hello!

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.

[Radu]

Yes 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 solution

What support service includes ? What not ?

[IvchenkoDV]

It is work!

Thank you!

I want some setting style of new button. But…it is here!

Thank you very much!

[IvchenkoDV]

Hmm… 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;

?

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[IvchenkoDV]

You very helped me!
Thank you very much!

[Radu]

You’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

What support service includes ? What not ?

[Author]

Posts