change hover size of featured pages

  • so i want to expand the size of the hover when my mouse is over the featured pages so it can reveal more of the picture.

    can anyone provide me with a css code

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there
    try to play with this code
    put it tu your child css
    instead of value 1.4 try to do more 1.6-7-8—-

    .widget-front.hover .round-div, article.hover .round-div {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    }

    Just short entry
    Cheers

    mm, this is the default code:

    .widget-front.hover .round-div, article.hover .round-div {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
@media (max-width: 979px){
.widget-front.hover .round-div, article.hover .round-div {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
cursor: pointer;
}
}

    change those 1.4 and 1.3 values , Look that if you set a value > 1.45 (1.32) you’ll have a bad effect (default values are almost the maximum applicable). So it’s not really worthwhile.

    p.s.
    article.hover .round-div is for the featured images in the list of posts.
    p.p.s.
    the featured pages related code above will not work with the plug-in featured pages unlimited.

    Hope this helps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘change hover size of featured pages’ is closed to new replies.