DESIGN TIP: Nice title hover effect

  • suge1w

    (@suge1w)


    10 years, 6 months ago

    If like me, you had limited space to play around with and have long titles to display, you can choose one of two options:

    a) Not displaying the title at all (I do it through CSS):

    .crp_related .crp_title {
display: none;
}

    b) Or displaying the title only on a mouse hover which saves space, doesn’t divert attention away from your main post content and just looks nice.

    Use the following code to generate the required effect:

    .crp_related:hover .crp_title {
display: block;
}

.crp_related .crp_title {
display: none;
}

    Hope this helps someone out!

    See an example here: Click

    https://ww.wp.xz.cn/plugins/contextual-related-posts/

Viewing 1 replies (of 1 total)
  • Plugin Author WebberZone

    (@webberzone)

    10 years, 6 months ago

    I think you can also try:

    .crp_related .crp_title:hover {
display: block;
}

.crp_related .crp_title {
display: none;
}
Viewing 1 replies (of 1 total)

The topic ‘DESIGN TIP: Nice title hover effect’ is closed to new replies.