Changes to the featured content of the home page

  • Hi, I would need to make these changes:
    – remove the shaded filter in the content highlighted on the home page.
    – apply it when the mouse or finger selects the highlighted content.
    – all text within the featured content must have a shadow to be more readable
    Thanks for support!

    The blog I need help with is: (visible only to logged in users)

  • Hello Gaetano,

    “remove the shaded filter in the content highlighted on the home page.”
    – If you want to remove an initial overlay in the Featured Content section, please use this custom CSS:

    
    .featured-content .hentry-overlay {
      background-color: transparent;
    }
    
    .featured-content .hentry-overlay::after {
      background: none;
    }
    

    “apply it when the mouse or finger selects the highlighted content.”
    – By default, the theme changes the overflay color during a hover state. If you want to modify this color, please use this custom CSS:

    
    .featured-content .primary-content:hover ~ .hentry-overlay, 
    .featured-content .more-link:hover ~ .hentry-overlay {
        background-color: rgba(0,0,0, 0.5);
    }
    

    “all text within the featured content must have a shadow to be more readable”
    – Please use this custom CSS to modify text shadow in this section:

    
    .featured-content > .has-post-thumbnail, 
    .featured-content .has-post-thumbnail .featured-label {
        text-shadow: 1px 2px 2px #000;
    }
    

    Let me know if you have any additional questions about the Featured Content section.

    Kind regards,
    Taras

  • The topic ‘Changes to the featured content of the home page’ is closed to new replies.