[cXF] Node description only on hover

DIY [cXF] Node description only on hover

Currently reading:
DIY [cXF] Node description only on hover

BassMan

Staff member
Administrator
May 18, 2015
473
161
2,112
BassMan submitted a new resource:

Node description only on hover - ... with nice transition

View attachment 1203


Add code to extra.less template:
CSS:
/*** Node description only on hover ***/
@media (min-width: @xf-responsiveMedium) {
    .block--category .block-desc {
        float: right;
        opacity: 0;
    }
    .block--category:hover .block-desc {
        opacity: 1;
        color: #fff;
        float: right;
        padding-top: 6px;
        transition: all 0.5s ease-in-out;
    }
}
@media (max-width: @xf-responsiveMedium) {
    .block--category...

Read more about this resource...
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums

Back
Top