WordPress显示不正常的小工具

时间:2018-08-02 作者:behnam 145322

我正在使用一段Javascript创建一个倒计时计时器,它在除了Wordpress网站以外的其他地方都很好。

例如this has been done with Ontraport page builder 看起来很棒。

但是类似的代码WordPress site 看起来很不正常。

去除所有额外的代码块和CSS WordPress添加的代码块的最佳方法是什么?

谢谢

以下是嵌入的代码:

<div id = "countdown_timer" style="position:fixed; width: 100%; bottom:0; z-index:1000;" ><script type="text/javascript" src="https://timerz.xyz/timer/egc.php" data-launch_owner_email_hashed="94bd214b329301668349352de430bb6d" data-launch_id="204" ></script></div>

1 个回复
SO网友:Jacob Peattie

WordPress没有添加任何有问题的内容。问题是,在Ontraport上,您将其放置在全宽div的最顶部。在WordPress站点上,您将其放置在内容区域中,该区域不是全宽的。因此,显示位置的左边缘不在屏幕边缘。你成功了position: fixed, 并将其与顶部对齐top: 0 (或者底部,与您粘贴在此处的代码相比,它在站点上有所不同),但您没有将其与左侧对齐left: 0;. 添加后,它将显示在适当的位置:

<div id = "countdown_timer" style="position:fixed; width: 100%; left: 0; bottom:0; z-index:1000;" ><script type="text/javascript" src="https://timerz.xyz/timer/egc.php" data-launch_owner_email_hashed="94bd214b329301668349352de430bb6d" data-launch_id="204" ></script></div>

结束

相关推荐

Read_Private_Pages功能不适用于新角色

我已经创建了一个新的用户角色-供应商-能够read_private_pages, 但当我以这样的用户身份登录并转到一个私人页面时,我看不到它。以下是我的插件代码:function fc_add_role($role, $display_name, $capabilities = array()) { if (!empty($role)) { return wp_roles()->add_role( $role, $display_name, $capabili