Snippet: Change or remove landing template transparent image color

Note: this is the custom code change and as such is not officially supported by PeepSo team. You should create the full backup of your site before applying custom codes.

Overview #

This snippet will allow you to change transparency color or remove transparency from landing template image. Use one of the sample codes below according to your need.

1 2 3 4 5 6 7 8
/* change landing template image transparent color */
.landing__row--bg:first-child {
  background-color: rgba(255, 0, 0, 0.5);
}
/* remove transparent color from landing template image */
.landing__row--bg:first-child {
  background-color: unset;
}

How To Apply This Snippet? #

  • Method 1 (Manually) – Open the WordPress Admin Panel and navigate to “Appearance -> Customize”. Once WordPress Customizer is open, expand the Custom CSS panel and copy the snippet to it.
  • Method 2 (Trough plugin) – NOT SUPPORTED! Since this is a CSS change, you can’t use the plugins like Code Snippets to add it. It must be installed manually.
What are your feelings
Updated on Oct 3, 2023