Margin before content - how?

[siso 0]

I'm using Platform Pro with "Full width design with canvas." I've set a background image at the top of the page. I'd like to get the main content area (which starts with the "site branding") to drop down a bit (rather than it starting from the very top of the page) so I can see some of the background image at the top. Here's what I have now: This is what I want to achieve (note the margin at the top yet the background photo shows through): Anyone might know how to do this? Thank-you so much for your help! - Paul

[Andrew 207]

Sure, its easy enough with Firebug.. Wouldn't something like `body {padding-top: 20px;}` get you started?

[siso 0]

Unfortunately that moved everything down from the top, including the background picture which I wanted to stay put. I only want to move the "page-canvas" down a bit, not the background photo. (And, as you can see, I know nothing about CSS although I did manage to identify that it's the "page-canvas" I want to move down (by using firebug).)

[Kate 3]

@Jacek Then it would be something like this:

#page-canvas{margin-top:20px;}

You could also try padding top, depending on your styles/setup. Hope that helps.

[siso 0]

Thank-you for the input, Kate. Just before reading your post I switched to a fixed layout and added the following which solved my problem: body #page-canvas {margin-top: 200px;} So I didn't actually get to try your solution, but many thanks for the input -- much appreciated!

[Kate 3]

No problem - Thanks for posting back with the info. All the best, Kate