Css Woocommerce上的产品视图对齐
我在Wordpress上有一个书店网站,如下图所示。对于这两种产品,“添加购物车”按钮的对齐方式不同。请注意,这是商店页面 无论产品图像大小和产品标题长度如何,如何使每个产品的“添加到购物车”按钮保持一致 我正在使用:Css Woocommerce上的产品视图对齐,css,wordpress,woocommerce,Css,Wordpress,Woocommerce,我在Wordpress上有一个书店网站,如下图所示。对于这两种产品,“添加购物车”按钮的对齐方式不同。请注意,这是商店页面 无论产品图像大小和产品标题长度如何,如何使每个产品的“添加到购物车”按钮保持一致 我正在使用: WordPress 4.3.1 第2.4.11条 主题->VantageVersion:1.4.4(按SiteOrigin) 首先,你的问题非常非常模糊。用更多的信息很难排除故障。不过,我会尝试开始对话 这是什么单子?主页?分类页 本质上,你必须“规范化”标题所占的空间。请注
- WordPress 4.3.1
- 第2.4.11条
- 主题->VantageVersion:1.4.4(按SiteOrigin)
- 这是什么单子?主页?分类页李>
- 本质上,你必须“规范化”标题所占的空间。请注意,在第二个产品中,产品的标题是两行,其中第一个产品只是一行。你们的产品有三条生产线吗?四行?五个?这基本上就是问题所在李>
- 此外,根据您的主题,这可能是完全不同的标记/代码李>
尽管如此,只要使用正确的css就可以解决这个问题。对于一个“典型”的WooCommerce网站,这将解决它:
在样式表中,在此选择器上声明此样式:
ul.products li.product h3 { min-height: 50px; /* NOTE: This amount will have to change depending on how many lines you want to support. Allow about 20-25px per line */ }
首先,你的问题非常模糊。用更多的信息很难排除故障。不过,我会尝试开始对话 - 这是什么单子?主页?分类页李>
- 本质上,你必须“规范化”标题所占的空间。请注意,在第二个产品中,产品的标题是两行,其中第一个产品只是一行。你们的产品有三条生产线吗?四行?五个?这基本上就是问题所在李>
- 此外,根据您的主题,这可能是完全不同的标记/代码李>
尽管如此,只要使用正确的css就可以解决这个问题。对于一个“典型”的WooCommerce网站,这将解决它:
在样式表中,在此选择器上声明此样式:
ul.products li.product h3 { min-height: 50px; /* NOTE: This amount will have to change depending on how many lines you want to support. Allow about 20-25px per line */ }
我在主题的style.css下添加了这段代码.archive #main ul li a h3 { min-height: 70px; }
解决了我的问题。我在主题的style.css下添加了此代码.archive #main ul li a h3 { min-height: 70px; }
解决了我的问题。你很可能需要一个程序员来帮助你。到目前为止,有很多解决方案。我是一名开发人员,只需要知道在哪里修改代码,寻找什么样的css,等等,因为我是WP的新手@你很可能需要一个程序员来帮助你。到目前为止,有很多解决方案。我是一名开发人员,只需要知道在哪里修改代码,寻找什么样的css,等等,因为我是WP的新手@先生,哪张床单?它是woocommerce的样式表还是主题本身?(Style.css)这是商店页面@先生,您要哪张床单?它是woocommerce的样式表还是主题本身?(Style.css)这是商店页面@卡莱
- 首先,你的问题非常非常模糊。用更多的信息很难排除故障。不过,我会尝试开始对话