August 22nd, 2013 at 1:54 PM
(This post was last modified: August 22nd, 2013 at 1:57 PM by Damian B..)
What is this?
In this tutorial I'll show you how to add this elegant effect to toggle collapse. Basically it makes the toggle collapse button only appear when we hover our mouse over the category. Preview can be found, here.
Tutorial:
Go to: Admin CP/ Templates & Styles/ Themes/ YOUR THEME/ global.css
and Advanced Mode and just paste the following code in the end.
Then just save!
If you have any questions or concerns please reply here.
This tutorial was originally created for PromotionZone.
In this tutorial I'll show you how to add this elegant effect to toggle collapse. Basically it makes the toggle collapse button only appear when we hover our mouse over the category. Preview can be found, here.
Tutorial:
Go to: Admin CP/ Templates & Styles/ Themes/ YOUR THEME/ global.css
and Advanced Mode and just paste the following code in the end.
Code:
.thead .expcolimage img {
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.thead:hover .expcolimage img {
opacity: 1;
}
If you have any questions or concerns please reply here.
This tutorial was originally created for PromotionZone.