Featured Page 1 Grid layout hover

  • Author
    Posts
  • #130325

    How could i put a hover on my featured images for Featured page 1?

    And is there a way I could make a read button without making an excerpt?

    The blog I need help with is 1carepartylist.com.

    #130336

    tarasdashkevych
    Theme Author

    “How could i put a hover on my featured images for Featured page 1?”
    – It looks like you are not displaying the featured images in the Featured Page #1 section because there is a custom CSS on your site that hides grid items header section.

    Your images are added to content area and wrapped within h4 tag. In order to add hover effect to the images, please use this custom CSS:

    
    .featured-page.featured-page-199 h4 a {
       display: block;
       border: none;
    }
    
    .featured-page.featured-page-199 h4 a:hover img {
      opacity: 0.5;
    }
    

    Thanks,
    Taras

    #130377

    Hi, Taras! How do I change the color of the hover?

    #130393

    tarasdashkevych
    Theme Author

    Hello,

    To add a hover color to the image, please add a background color the h4 a tag. Example:

    
    .featured-page.featured-page-199 h4 a {
      background: #10a510;
    }
    

    Thank you,
    Taras

The topic ‘Featured Page 1 Grid layout hover’ is closed to new replies.