• 在线客服
    • 蝉知客服

最新产品区块中产品名称和价格如何居中显示

2017-02-08 13:17:00
GavinHsueh
原创
1150

之前我们一起讨论过如何调整产品列表页面的产品名称和价格居中显示,传送门—> http://www.chanzhi.org/jianzhan/168.html

企业用户经常会在网站首页添加一个最新产品区块,使用户最便捷地了解公司的最新产品信息。所以这篇文章我们一起了解一下,如何设置最新产品区块中产品名称和价格居中显示。

首先我们新建一个最新产品区块,并布局到网站首页。默认显示效果如下:

接下来,我们在该区块的CSS项里添加如下代码,以达到我们预期的效果:


#blockID .card-heading{
    text-align:center;
}
#blockID .card-heading span{
    float:none !important;
}

效果如下:


如果想使产品名称和价格各占一行,可以用下面代码:


#blockID .card-heading{
    text-align:center;
}
#blockID .card-heading span{
    float:none !important;
    display:block;
    width:100% !important;
}

效果如下:


如果在这里不想显示价格,可以用下面代码:


#blockID .card-heading{
    text-align:center;
}
#blockID .card-heading span{
    float:none !important;
}
#blockID .card-heading span:last-child{
    display:none;
}
效果如下:


下载提示

蝉知使用问题交流,请加 官方QQ群: 284891062 加群请注明暗号: 蝉知。

获取技术支持注意事项: http://www.chanzhi.org/page/qqgroup.html

欢迎关注我们的微博微信。

新浪微博:易软天创

微信公众号:易软天创

发表评论
拾 减 贰 =
评论通过审核后显示。
文章分类
联系我们

联系人:毕晓敏

电话:13165056632

Email:bixiaomin@cnezsoft.com

QQ:3137772959

地址:青岛开发区武夷山路167号千禧龙花园 9-1-101室

联系人:魏中显

电话:18561939726

Email:weizhongxian@cnezsoft.com

QQ:1746749398

地址:青岛开发区武夷山路167号千禧龙花园 9-1-101室

联系人:杨苗

电话:13165050229

Email:yangmiao@cnezsoft.com

QQ:3142565561

地址:青岛开发区武夷山路167号千禧龙花园 9-1-101室

联系人:丁芝

电话:17663906485

Email:dingzhi@cnezsoft.com

QQ:1481227768

地址:青岛开发区武夷山路167号千禧龙花园 9-1-101室