Christoph Nagel

Hi @clueless4ever ,

first of all, thank you very much.

Since the request is marked as resolved, I hope you were able to solve the problem. However, if this is not the case, please send me the link to the website and I will be happy to take a look at the problem.

Best regards,
Chris

Under .fcb-link-button::before you can add further CSS properties, i.e. background-color and possibly also some padding.

Hi @crusin316 ,

please let me know if the following code works better:

.fcb-link-button:before {
content: “Place here your text”;
color: #000;
font-size: 12px;
width: 100px;
position: fixed;
right: 0px !important;
bottom: 115px;
}

Best regards, Chris

Hi @crusin316 ,

the easiest way would be to integrate a custom CSS code.

.fcb-link-button:before {
content: "Place here your text";
color: #000;
font-size: 12px;
width: 100%;
height: 100%;
position: absolute;
}

Best regards,
Chris

Hi @stormymondays,

in the new plugin version 2.7 you can find in the plugin settings the possibility to activate the jQuery mode. This should make the plugin work in other themes as well. Please let me know if you encounter a problem.

Best regards
Chris

Hi @fabien79,
please excuse my late response.
It is possible to close the popup by clicking outside it. Unfortunately, this requires a small adjustment to the plugin file.

In the plugin folder you can find the corresponding file under /wp-content/plugins/floating-contact/floating-contact.php

In line 175 change the code to
echo ' <a href="#" class="close-fcb-modal"><div class="overlay"></div></a>';

Best regards, Chris

Hi @kifli2 ,
many thanks and please excuse my late feedback.

When you use Notepad++ change in the floating-contact.php in line 169:

echo ' <a href="#fcb-modal" class="fcb-link-button"><i class="fcb-icons"><span class="dashicons dashicons-format-chat"></span></i></a>';
  echo ' <div id="fcb-modal">';
  echo ' <div class="fcb-header"><a href="#" class="close-fcb-modal"><div class="fcb-header-close"><span class="fcb-close">X</span></div></a></div>';
  echo ' <div class="fcb-modal-content"> ';
  echo ' <p>'.do_shortcode($fcb_shortcode).'</p>';
  echo ' </div>';
  echo ' <div class="overlay"></div>';
  echo ' </div>';

to

echo ' <a href="#terminal" class="fcb-link-button"><i class="fcb-icons"><span class="dashicons dashicons-format-chat"></span></i></a>';
  echo ' <div id="terminal">';
  echo ' <div class="fcb-header"><a href="#" class="close-terminal"><div class="fcb-header-close"><span class="fcb-close">X</span></div></a></div>';
  echo ' <div class="terminal-content"> ';
  echo ' <p>'.do_shortcode($fcb_shortcode).'</p>';
  echo ' </div>';
  echo ' <div class="overlay"></div>';
  echo ' </div>';

After that the CSS files have to be adjusted. By default, the style.min.css is used. Open this file with Notepad++ and search for #fcb-modal and replace it with #terminal.

That should solve it.

Best regards,
Chris