Solved

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

Posted on 2014-09-26
7
182 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Tags from access to excel 3 28
Poster Video HTML 5 Scale to fit video 3 37
Form Submit falis 6 25
webpage layout breaks when expanding bootstrap collapse component 8 13
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

910 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now