【问题标题】:Wordpress: Display a widget at 100% sidebar widthWordpress:以 100% 侧边栏宽度显示小部件
【发布时间】:2014-10-28 01:43:34
【问题描述】:

我正在使用 HTML Javascript Adder 插件来显示我的酒店搜索脚本,但它不适合侧边栏区域。

我需要在侧边栏容器的 100% 宽度处显示 javascript,就像它上方的“立即保留”框一样。

当将 Javascript 粘贴到标准 WP 文本小部件中时也会发生这种情况。我认为这只是一个 CSS 问题。

提前感谢您的帮助!

http://i213.photobucket.com/albums/cc316/ShaggyZ6/css-issue_zps541ef8ac.jpg

我试过的没有用:

.sidebar-inner div.htmljavascriptadder.widget { width: 100% !important; }

需要将javascript插入<div class="row-fluid">部分。

相关测试站点的链接:http://gh.bestimportcarinsurance.com/

【问题讨论】:

  • 我们无法通过图像进行诊断。
  • 在您的问题中包含相关代码(您尝试过的)
  • 抱歉,我的测试站点的链接是:gh.bestimportcarinsurance.com 我已经尝试在 CSS 中使用它:.sidebar-inner div.htmljavascriptadder.widget { width: 100% !important;但它正在调整 javascript 背后的背景。它需要居中在

标签: javascript css wordpress wordpress-theming


【解决方案1】:

尝试添加.htmljavascriptadder {box-sizing: border-box;}。问题是由于填充增加了不包含在其中的宽度。

【讨论】:

  • 不幸的是,那仍然只是调整java脚本背后的背景,而不是对齐脚本本身。
  • 脚本只是一个脚本,据我所知它没有输出任何html?
  • java 脚本作为<script type='text/javascript' src='http://www.hotelscombined.com/SearchBox/159309'></script> 插入该框的样式由我假设的源确定。如果您注意到,蓝色搜索框的左侧与下方“即将发生的事件”框中的文本对齐位置完美对齐。如果我可以在小部件行的最左侧对齐搜索框,我将被设置。
猜你喜欢
  • 1970-01-01
  • 2016-12-23
  • 1970-01-01
  • 1970-01-01
  • 2020-05-27
  • 1970-01-01
  • 2020-09-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多