Solved

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

Posted on 2014-09-26
7
190 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

Suggested Solutions

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
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).

828 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