Solved

I'm not sure how to move this text up.

Posted on 2014-09-26
7
187 Views
Last Modified: 2014-09-26
Hi,  On diabeticmealprograms.com/responsive/

I would like the words Diabetic Meal Programs
Easy frozen Meals for Diabetics

to be a little higher on the page, but I can't figure out how to do that. Here's a really rough idea of the placement I want, without the picture getting any bigger or smaller. Thanks for your help. I'll play with the opacity of the top header if the words aren't readable in the new position.

Untitled-1.jpg
0
Comment
Question by:mel200
  • 4
  • 3
7 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40346414
On the headerwrap change the padding-top to 160px
On the header add padding-bottom: 40px;

However you want to change it the difference must be the same i.e. whatever bottom padding you add you must remove it from the top padding
0
 

Author Comment

by:mel200
ID: 40346449
Thanks, I'll give it a try.
0
 

Author Closing Comment

by:mel200
ID: 40346484
Perfect, thanks for your help!
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 58

Expert Comment

by:Gary
ID: 40346507
Change the padding-top to 140px, you're cutting off the image. (actually 160px might be better as it is still cut off at 140)
0
 

Author Comment

by:mel200
ID: 40346596
I changed it to 160, but the image is still cut off, and the text isn't place where I want it.
0
 
LVL 58

Expert Comment

by:Gary
ID: 40346605
Set padding-top to 140px
Set padding-bottom to 75px
0
 

Author Comment

by:mel200
ID: 40346621
That works, thanks a lot!!
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

803 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