html - 如何在 Wordpress 站点的 Fancybox 内联对话框中隐藏水平滚动条?

标签 html css wordpress fancybox contact-form-7

我正在尝试为我的对话框摆脱滚动条或似乎在某处编码的空间(考虑可能是 Fancybox 插件的 Javascript 文件?)。我试过调整对话框和框内的 from/content 的大小,但无论内容的宽度如何,它都会添加一个空白区域和一个水平滚动条。它仍然可用,只是看起来不专业,我想修复它。

对话框:点击“REQUEST A SAMPLE KIT”@ http://colordynetech.com/markets/label-converters/

div#contact_form_pop{
font-weight:bold;
width:750px;
height:575px;
padding:30px;
}
div#sampletext{
font-weight:normal;
}
div#smaplekitform{
width:85%;
}

最佳答案

这将消除您遇到的水平滚动条问题。

#fancybox-content > div {
  overflow-x: hidden!important;
}

关于html - 如何在 Wordpress 站点的 Fancybox 内联对话框中隐藏水平滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44703761/

相关文章:

javascript - 将网络表单值返回至 Google 应用脚本

php - 带有文本的图像不起作用并添加一些 Html

php - 整合 salesforce 和 backendless

php - MySQL/PHPMyAdmin

JavaScript 代码不适用于 BootStrap 4,因为它没有隐藏类,

wordpress - 删除 WordPress 侧边栏小部件中的空标题

javascript - 如何在 Javascript 中读取 asp.net 中的行

javascript - 使用 JavaScript 从文本框的字符播放音频

html - 按钮周围的边框问题 - CSS

html - 悬停时打开的基于 Glyphicon 的导航栏的 CSS 定位