css wordpress - change stunning text box to bottom and center across entire image

I am trying to put a blue opaque bar on the very bottom of my section. Currently if you browse to the URL: http://www.pengele.com/test/pengele2/

There is a blue opaque text box in the center of an image. I would like it to look like the .pdf attached. I want to move the text box down to the very bottom of the image (see attachment).

I have tried using firebug for the last few hours and can't figure this out. Please help experts...
home-page-change.pdf
LVL 1
sqlagent007Asked:
Who is Participating?
 
David S.Commented:
Absolute positioning is probably the most commonly used approach to do that. It works because one of the ancestors has "position:relative" which creates a new positioning context for it. You'll also need to remove the style attribute from that element as it's giving the element a bottom margin.
#content-section-1 .gdlr-stunning-text-item {
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

Open in new window

0
 
sqlagent007Author Commented:
Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.