Install the app
How to install the app on iOS

Follow along with the video below to see how to install our site as a web app on your home screen.

Note: This feature may not be available in some browsers.

[cXF] Node description only on hover

DIY [cXF] Node description only on hover

  • Thread starter Thread starter BassMan
  • Start date Start date
  • Replies Replies 0
  • Views Views 928

BassMan

Staff member
Administrator
May 18, 2015
1,149
183
2,427
BassMan submitted a new resource:

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

You don't have permission to view attachments. Attachments are hidden.



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