css - 图像在 Wordpress 轮播中显示不正确

标签 css wordpress

此问题涉及图像在 Wordpress 轮播中的显示方式。如果您单击下面的链接,您将看到其中一个产品的页面:

http://www.itsy-bitsy.ca/product/rice-basket/

不要点击任何图片!为了查看问题出在哪里,您必须在“选择一个选项”菜单中选择一个选项。

然后,您会看到左侧的图片不会完全显示。

如果你点击图片,这张图片会显示它应该是怎样的。

有人知道我必须更改哪一行代码(我猜是 CSS)才能让事情井井有条吗?

谢谢,祝你有愉快的一天......

最佳答案

查找<div class="owl-wrapper-outer autoHeight" style="height: 104px;">并删除 height:104px 但此代码可能来自 javascript 代码。找到该 javascript 代码并将其删除。它将解决问题。如果您找不到它,只需打开您的 style.css 文件并添加以下代码:

.owl-wrapper-outer {
   height: 619px !important;
}

关于css - 图像在 Wordpress 轮播中显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28245313/

相关文章:

html - 将社交媒体图标(简码)添加到导航栏

javascript - 两个内联 block div 的垂直对齐

html - 图像调整到父 div 保持比例并尊重图像高度

css - 菜单链接对齐不起作用

javascript - Farbtastic 多字段 - Wordpress

javascript - 将 JavaScript 文件添加到 WordPress 主题

java - 如何强制 Java 的 HttpClient 接受无效的 cookie?

html - 使用没有 ID 的 CSS 删除元素

javascript - 在 Drupal 6 中实现精美的 CSS/Javascript 导航菜单的最简单方法?

html - 设置具有 2 个级别的父级的全宽 div?