Docs

[fantasy_5]

Hi!

I need assistance with adjusting the current position of the scroll to top arrow. I have a custom floating footer bar installed and the issue is the arrow appears beneath it. Is there a way to get the arrow to appear on top of the floating footer bar or just above it? I have included two screenshots one with the opacity set at 50% and the other at 100% which is the way I would rather have the footer display rather than being transparent. If there is some custom css you can provide that will do the trick that would be great.

Home

[fantasy_5]

This reply has been marked as private.

[Lely]

Hello There,

There is structural error when you have created this thread. You have copied your site URL with <li> tag. This made your credentials expose because of the structural error it cause. I have edited it now but it would be better if you will change password.

Also try this custom CSS on Appearance > Customize > Custom > Edit Global CSS regarding the Arrow Position:

.x-scroll-top.left {
    bottom: 82px;
}

Hope this helps.

[fantasy_5]

Hi. Lely!

My arrow issue is resolved and I will update my password now. Is there also a way to edit the css of olark chat box. I would like to change the color of the contact us pop up box and edit the text if necessary. Thanks for your help.

[Joao]

Hi,

That would be possible,

But your credentials are not working, please provide working credentials so we can help you with that.

Thannks

[fantasy_5]

This reply has been marked as private.

[Nabeel A]

Hi again,

To change the color of the chat box, try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

#habla_window_div #habla_topbar_div {
    background: #b45bd0 !important;
}

To change the title, add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('#habla_oplink_a').html("Title");
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[fantasy_5]

Hi, Nabeel!

The color change worked out perfectly for the popup. However, I was not successful with changing the text. I put the text inside of the quotation marks in place of “Title”

[Rue Nel]

Hello There,

Please update the JS code and use this instead:

(function$(){
  $(window).on('load', function($){
    $('#habla_oplink_a').html("Title");
  });
})(jQuery);

Please let us know if this works out for you.

[fantasy_5]

Hi, Rue Nel!

For some strange reason that code isn’t working either.

[Nabeel A]

Hi again,

Please replace the previous code with this one:

jQuery(function(){
  jQuery(window).on('load', function(){
    jQuery('#habla_oplink_a').html("Title");
  });
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[fantasy_5]

Thanks so much that did the trick! Happy holidays 🙂

[Rue Nel]

You’re most welcome.
Happy Holidays to you too!

[Author]

Posts