Moving the whole page area down / Platform Pro

[ilkka 0]

Hi! Is it possible to move the whole page area down by some amount in pixels in Platform Pro? I don't want to use a header/branding image (located inside the actual content area) but rather a background image that will cover about 100 pixels of the top of the browser window. So the background image would actually be the "branding" image.

[catrina 103]

It's possible to move that page content area down a bit, but first you need to remove the header logo and add this to your base.css file:

#branding {background-image: url('IMAGEURLHERE');}

For other helpful background image CSS properties, see here: http://www.w3schools.com/css/css_background.asp Are you using a feature slider that you'd like moved down a bit along with the rest of the page area?

[nickhay13 0]

This worked for me, however now I have the site title and tagline over the header image. Is there anyway to remove the text, without removing the site title?

[catrina 103]

Is the text you're referring to the tagline?

[nickhay13 0]

Well yes, it's the tagline and the site title. By default it's the "My Blog" and "Just another wordpress blog" text. But the site title is also what is shown on the top of the browser. And when I leave both of those fields blank in the dashboard, it messes with the branding (it doesn't show my whole image, which is 150px high).

[nickhay13 0]

Forgot the site, http://www.nobro.co - you can see that the Site Title and Tagline are overlayed on top of the image I set using the #branding in the base.css.

[catrina 103]

Can you post a link to your site?

[nickhay13 0]

http://www.nobro.co

[kastelic 6]

#branding{
	padding-top:120px;
	background: url(URL_HERE) no-repeat;
	}
	

[nickhay13 0]

Jimmy, I just tried that code, and then I deleted the text under Settings->General Site Title and Tagline, and the formatting is all messed up. The problem is also when I remove the text from the Site Title and Tagline, I lose the title at the top of the browser. Thank you for your help!

[Kate 3]

Hi Nicholas, Am I understanding you correctly that you want the text on top of the flat to be hidden? If so, you can use this:

.title-container{text-indent:-9999px;}

[nickhay13 0]

That's exactly what I wanted Kate, thank you soooo much!