Improve company productivity with a Business Account.Sign Up

x
?
Solved

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

Posted on 2016-08-04
2
Medium Priority
?
140 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
2 Comments
 
LVL 43

Accepted Solution

by:
David S. earned 2000 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

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

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.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. 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 : Open Page or Post…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

607 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