I would appreciate your help with layering a widget title with a background over a slider.
The demo site appears here:
http://acceleratedpowermarketing.com/reicher/
I want it to look like this:
http://www.standrewsch.org/
Where the bar with the title doesn't move when the screen is zoomed.
Using this code, I'm able to get it to look like I want if it's zoomed at the correct place. Otherwise the bar, is out of place.
I want to learn how to do this with blocking if that is possible and will solve the problem.
Thanks
#it_widget_content-5 .widget-title {
background: url("images/Home-Page-Banner.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 2em;
font-weight: normal;
padding: 0.35em 0.5em;
position: absolute;
right: 15%;
text-indent: 0;
top: 30%;
z-index: 995;
}