-
Posts
-
I have an online booking tool from Dr.Flex integrated into the website. It works but the popup is not shown in the middle of the page but moved to the right. How can I center it? Many thanks for the help.
Hey JBM,
Try adding this to quick css:
.s1z8lu{ padding-right:12vw!important; }This may not overwrite the default plugin styles.
Best regards,
Jordan Shannonclick on TERMINE ONLINE BUCHEN button, so you can see….
Hi,
You just may have to go into the root file of the plugin and edit the css there. Are you able to access that file?
Best regards,
Jordan Shannonno, thats the problem. I just got this:
Integrate in Header:
<script src=”https://dr-flex.de/embed.js?medicalPracticeId=14651″></script>This is the Button:
Termine online buchenI asked them if they can fix it, but they told me its up to the theme???
thank you for your help :)Hi,
Okay, did you add the css I gave you to the VERY TOP of the quick css section. Add it above anything else that may be there.
Best regards,
Jordan ShannonI put this in the header.php <script src=”https://dr-flex.de/embed.js?medicalPracticeId=14651″></script>
maybe on a wrong position?`<?php
if ( !defined(‘ABSPATH’) ){ die(); }global $avia_config;
$style = $avia_config[‘box_class’];
$responsive = avia_get_option(‘responsive_active’) != “disabled” ? “responsive” : “fixed_layout”;
$blank = isset($avia_config[‘template’]) ? $avia_config[‘template’] : “”;
$av_lightbox = avia_get_option(‘lightbox_active’) != “disabled” ? ‘av-default-lightbox’ : ‘av-custom-lightbox’;
$preloader = avia_get_option(‘preloader’) == “preloader” ? ‘av-preloader-active av-preloader-enabled’ : ‘av-preloader-disabled’;
$sidebar_styling = avia_get_option(‘sidebar_styling’);
$filterable_classes = avia_header_class_filter( avia_header_class_string() );
$av_classes_manually = “av-no-preview”; /*required for live previews*/
$av_classes_manually .= avia_is_burger_menu() ? ” html_burger_menu_active” : ” html_text_menu_active”;?><!DOCTYPE html>
<html <?php language_attributes(); ?> class=”<?php echo “html_{$style} “.$responsive.” “.$preloader.” “.$av_lightbox.” “.$filterable_classes.” “.$av_classes_manually ?> “>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<?php
/*
* outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
* located in framework/php/function-set-avia-frontend.php
*/
if (function_exists(‘avia_set_follow’)) { echo avia_set_follow(); }?>
<!– mobile setting –>
<?phpif( strpos($responsive, ‘responsive’) !== false ) echo ‘<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>’;
?><script src=”https://dr-flex.de/embed.js?medicalPracticeId=14651″></script>
<!– Scripts/CSS and wp_head hook –>
<?php
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/wp_head();
?>
</head>
<body id=”top” <?php body_class($style.” “.$avia_config[‘font_stack’].” “.$blank.” “.$sidebar_styling); avia_markup_helper(array(‘context’ => ‘body’)); ?>>
<?php
if(“av-preloader-active av-preloader-enabled” === $preloader)
{
echo avia_preload_screen();
}?>
<div id=’wrap_all’>
<?php
if(!$blank) //blank templates dont display header nor footer
{
//fetch the template file that holds the main menu, located in includes/helper-menu-main.php
get_template_part( ‘includes/helper’, ‘main-menu’ );} ?>
<div id=’main’ class=’all_colors’ data-scroll-offset='<?php echo avia_header_setting(‘header_scroll_offset’); ?>’>
<?php
if(isset($avia_config[‘temp_logo_container’])) echo $avia_config[‘temp_logo_container’];
do_action(‘ava_after_main_container’);?>
Hi,
The position is fine, we just need a way to over right the script css being pulled. If possible, please provide admin info within the private section so we can log in and look into this issue further. We may need to workout the css a bit more.
Best regards,
Jordan Shannonok, thank you so much… there is access data in the private section… let me know if you need anything else!
Hi,
I attempted to edit on the back-end and still no luck. Perhaps you can ask the script developers where the styles are pulling from. It will give better insight on how to overwrite them.
Best regards,
Jordan ShannonHey, thank you very much for your help. The developers wrote me this:
I looked at your embedding problem. In your theme, there is a margin directly in the body element. This is very rare and was not covered by our script. The next update (most likely tonight) fixes the problem without you having to do anything. For an immediate solution, you can also include the following CSS Snipped:#dr-flex-embed-holder {
left: 0;
}This worked out!
- The topic ‘Booking tool Dr. Flex’ is closed to new replies.