Featured Content Slider Filter, Image borders and Read More buttons

  • Author
    Posts
  • #160686

    admin287ab46d20
    Member
    Original poster

    Hi, super helpful this forum!!! please see puritypro.com Im needing help with the following CSS:

    Featured Content Slider Filter: I changed the background colors to a lighter theme but now I need to remove the white transparent coating or filter over the Featured Content slider.

    I tried a code I found in the forum but did not work:
    /*transparency on home header*/
    .home .site-hero-wrapper .entry-image-site-hero:before {
    display: none;
    }

    Image Borders: see that all images added in line of a paragraph block or even as an Image block have a grey border or shadow, is there a special way to remove them or a CSS?

    Read More button: I added a read more button to some sections and they appear in different colors. I wanted to know how can I change the hoover and link color of all the buttons to the same color.

    The blog I need help with is: puritypro.com

    #160704

    tarasdashkevych
    Theme Author

    Hello,

    “… but now I need to remove the white transparent coating or filter over the Featured Content slider. “
    – To remove an overlay effect in the Featured Content section, please use this custom CSS:

    
    .featured-content .featured-image {
      opacity: 1;
    }
    

    “… Image block have a grey border or shadow, is there a special way to remove them or a CSS?”
    – Sure. Please use this custom CSS to remove this border:

    
    img[class*="wp-image-"],
    .entry-attachment img {
      border: none;
      padding: 0;
    }
    

    “Read More button:…”
    – The Read More button is a link. When this button is added to the block which has a custom background then the link inherits the color of the block.

    In your “Spray Sanitizer to Go!” section, I can see that you are using the Cover block. A default text color of this block is white. This is the reason why the Read More button also has a white color.

    We can use this custom CSS to change a default color of this block specifically for the Featured Page section #2:

    
    .featured-page-two .wp-block-cover__inner-container {
      color: #000;
    }
    

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #160710

    admin287ab46d20
    Member
    Original poster

    Thank you! worked so nicely!!!

    #160724

    tarasdashkevych
    Theme Author

    You are very welcome! :)

The topic ‘Featured Content Slider Filter, Image borders and Read More buttons’ is closed to new replies.