I figure it out!
First thank you to FINEdc for discover where it was in the CSS style sheet because I couldn’t figure it out. After I found it changing both the # and the RGBA did not work. Until I went to the theme options.
So go to the Origin Theme Options and scroll down until you see Custom CSS and this is where you overwrite the code. so in that box put the following:
.image-info {background: #33c1e2; background: rgba(51,193,226,0.95 );border-style:none;-webkit-box-shadow:none;
of course you would change the # and rgba to your color preference. I added the border-style:none;-webkit-box-shadow:none because when I hover my mouse over it there was an orange border light and that code took it out.
