Solved

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

Posted on 2016-08-04
2
112 Views
Last Modified: 2016-08-05
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
0
Comment
Question by:sqlagent007
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 41744719
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
 
LVL 1

Author Closing Comment

by:sqlagent007
ID: 41744907
Thanks!
0

Featured Post

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
Suggested Courses

627 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question