Background box in a widget with text

Try using Firefox with the Firebug add-on for this kind of CSS work.
https://getfirebug.com/

I tried Firebug but for the life of me I can not seem to figure out how to sort my problem.

You need to learn how to use HTML & CSS. https://www.w3schools.com is a good place to start.

Thanks. I will def start doing that but this client wants this done by tomorrow so I am still seeking urgent help.

Then try hiring someone. With all due respect, it’s somewhat unethical of you to take on a job where you did not have the skills to complete it.

Our developer is off sick for the day and I am trying to resolve a problem that has a deadline. So it is not unethical. But thanks for pointing it out.

Then you’ll need to bring someone else in if you cannot do this yourself.