Jump to content

Changing color on HTML Image Overlay Slider


MBurke
 Share

Recommended Posts

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 :) 

Ex1.jpg

Ex2.jpg

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...