Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Woocommerce上的产品视图对齐_Css_Wordpress_Woocommerce - Fatal编程技术网

Css Woocommerce上的产品视图对齐

Css Woocommerce上的产品视图对齐,css,wordpress,woocommerce,Css,Wordpress,Woocommerce,我在Wordpress上有一个书店网站,如下图所示。对于这两种产品,“添加购物车”按钮的对齐方式不同。请注意,这是商店页面 无论产品图像大小和产品标题长度如何,如何使每个产品的“添加到购物车”按钮保持一致 我正在使用: WordPress 4.3.1 第2.4.11条 主题->VantageVersion:1.4.4(按SiteOrigin) 首先,你的问题非常非常模糊。用更多的信息很难排除故障。不过,我会尝试开始对话 这是什么单子?主页?分类页 本质上,你必须“规范化”标题所占的空间。请注

我在Wordpress上有一个书店网站,如下图所示。对于这两种产品,“添加购物车”按钮的对齐方式不同。请注意,这是商店页面

无论产品图像大小和产品标题长度如何,如何使每个产品的“添加到购物车”按钮保持一致

我正在使用:

  • 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)这是商店页面@卡莱