如何在Weebly

时间:2016-03-24 02:09:01

标签: html css weebly

我正在尝试默认一个Description +按钮打开,所以我的客户不必单击+打开按钮查看说明,我希望它默认打开并能够关闭。这是当前的代码,我无法将其操作为默认打开。

/ *简短描述* /

#wsite-com-product-short-description {
margin: 30px auto 0;
padding-top: 30px;
border-top: 1px solid #dddddd;
max-height: 20px;
overflow: hidden;
-webkit-transition: max-height .65s ease-in-out;
-moz-transition: max-height .65s ease-in-out;
-o-transition: max-height .65s ease-in-out;
-ms-transition: max-height .65s ease-in-out;
transition: max-height .65s ease-in-out;
}

#wsite-com-product-short-description:before {
content: 'DESCRIPTION +';
display: block;
font-family: "Montserrat";
font-size: .85em;
margin-bottom: 10px;
}

#wsite-com-product-short-description.open {
max-height: 800px;
}

#wsite-com-product-short-description.open:before {
content: 'DESCRIPTION -';
}

1 个答案:

答案 0 :(得分:0)

在自定义CSS中包含以下内容。

#wsite-com-product-short-description {
    max-height: 800px !important;
}

通过设置最小高度来强制描述扩展。