Hi
Och, I'm afraid there will not be same effects for read more. It was not designed like that. But You can alway add that manually with this style:
- Code: Select all
.box.quark-product-showcase .addtocart-button {
background: transparent none repeat scroll 0 0 !important;
border: 2px solid #000 !important;
border-radius: 2px;
bottom: -100px;
color: #000 !important;
font-weight: normal;
height: 52px;
left: 50%;
line-height: 52px;
opacity: 0;
padding: 0 60px;
position: absolute;
transform: translateX(-50%);
transition: all 0.3s ease-out 0.05s;
}
.box.quark-product-showcase .addtocart-button:active, .box.quark-product-showcase .addtocart-button:focus, .box.quark-product-showcase .addtocart-button:hover {
border-color: #eba034 !important;
color: #eba034 !important;
}
of course You need to rename the css suffix to the readmore button You have there now. I have no access to it so cannot check exactly.