Changing color on HTML Image Overlay Slider

[MBurke]

Hey everyone,

I'm brand new to the forum as well as still a newbie at web design, so please excuse my simplistic questions.

I am having difficulty finding a workaround for changing the color on the below images. Instead of the transparency slider, I would like it to be a solid color, preferably #07074e. I don't have access to our CSS on my companies website. They give us free html source codes for spe cialty web design items as show below, but we can't edit the look and feel of the CSS side. Does anyone have any solutions? Thank you again for any help you can give me  

[Ingolme]

Seeing as you can't use CSS, what is the HTML code you're using?

You just need to add a style attribute to the element with the background color.

[MBurke]

Here is the code below.

 

<div class="photo_box content_bottom_push_in_2 ">
<div class="pic_box">
<img alt="" src="/portals/29/Communications/Awards/Rockport1_thumb.jpg?ver=2018-02-21-105720-120" width="100%" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<h3><span style="font-weight: bold; font-size: 35px;">Showcase Awards</span></h3>
<p>
</p>
<p>The Showcase Awards are designed to recognize facility, company chapter or regional efforts promoting the positive image of long-term care. CAHF's Showcase Awards are presented at the Legislative Conference in Sacramento and will recognize community events in the following categories:
Community event, Media event, Grassroots effort and Social media
</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</div>

[Ingolme]

My guess is that <div class="shade"> is the one responsible for the background. I don't know exactly how it is being styled, it would be an rgba() color, or it could be a solid color with opacity.

This should work, unless the element has its opacity altered with CSS:

<div class="shade" style="background-color:#07074e"></div>

If the box is still transparent after that, then set the opacity property to 1.