You can use the custom css to change the box colors. If you want to change the Pref-icon-box, then please use the following css:
Similarly, if you want to change other box colors, you can use the similar to the above code or you may use some color feature by customizing the theme.
Note: Please use the custom css plugin or child theme to write the css.
I’m still having trouble with customizing the pref-promo-box. When I use background-color in the code, I get the result in screenshot-1.png. Instead, I would like the pref-promo-box to appear like screenshot-2.png.
Do you have any insights on how I can achieve this?
We visit your site and it looks fine there, according to your screenshot, as you told that you need the background-color as screenshot-2 and there is also same background-color as screenshot-2 as you mentioned.