Marc Tönsing

Hero Color Picker adds per-post background and font color controls to the editor sidebar for hero styling via CSS on elements with the <code>hero-colored</code> class.
Features: 
– Two color controls: <code>Background Color</code> and <code>Font Color</code> 
– On-demand color pickers in compact dropdown popovers 
– Live preview of both colors together directly in the sidebar 
– Applies selected colors to the editor post summary area for a closer backend preview 
– Removes the featured image preview outline while a custom background color is active 
– Accessibility check for <code>WCAG AAA Normal Text</code> with <code>PASS</code> / <code>FAILED</code> status 
– Panel is shown only while editing posts (<code>post</code>), not in template editing contexts 
– Adds a core-like posts list view <code>Hero Background</code> to show only posts with a custom hero background color 
– Works on elements that have the CSS class <code>hero-colored</code>
Stored as post meta: 
– <code>hero_color_picker_hero_color</code> 
– <code>hero_color_picker_font_color</code>
Frontend output (only when values are set):
<pre><code>.hero-colored {
 background-color: $background;
 color: $font;
}

.hero-colored a {
 color: $font;
}
</code></pre>
Important template setup: 
– Open your block theme template (for example <code>Single</code>) in the Site Editor. 
– Select the <code>Group</code> block that should receive the hero styles. 
– In block settings, add <code>hero-colored</code> to <code>Additional CSS class(es)</code>.

Hero Color Picker

Hero Color Picker adds per-post color selection in the editor sidebar for hero styling via CSS.

Shafaat Javed

Announcement’s Usage Guide
Testimonials posts 
 Simply add a Testimonials post uder Testimonial’s menu. In rich text editor type the testimonial and in the metabox under rich text editor simply add the Name, Email, Designation, Company and url. Now you are good to go. It’s that easy.
<pre><code> How to style testimonials posts
 Simply go into the testimonial style submenu under Testimonials menu and set the colors of your own choice using color picker and you are good to go. It's that easy.

 Widget usage
 Simply drop the Responsive bit Testimonials Widget in any widegtized area and set the tittle and number of posts of testimonials. Youa are done. Simple..............!

 Shortcode usage
 Simply use [testimonials title='new title' no='3'] and set your own values for title and no. It's that simple.

 For Suggestions
 For any suggestion and bug, kindly feel free to email us at support@responsivebit.com. We will be glad to hear your feedback and any suggestions for improving this plugin.
</code></pre>

Hero Color Picker vs Responsive Bit Announcement Manager