Cannot move header logo – Decor theme

[Ozpress]

I want to add a logo to the header of my decor theme. If I go to
Appearance/Header/Header Image and select an image from my media library,
the image appears in my Header underneath my Header Title text: see
result.

I have tried many ways to move the Title text more towards the centre
without success. I cannot move the logo at all. Can anyone tell me how
to move the logo to the left and preferably how to move the Title text a
little to the right?

The css code for the Decor theme is:

/* Header
------------------------------------------------------------ */

#header {
	margin: 0 auto;
	min-height: 140px;
	width: 1140px;
}

#title-area {
	float: left;
	margin: 25px 0 0;
	overflow: visible;
	padding: 0;
	width: 400px;
}

#title {
	color: #fff;
	font-family: 'Great Vibes', cursive;
	font-size: 68px;
	line-height: 1.1;
	margin: 0;
	text-shadow: #000 -1px -1px;
}

I can move the Title text by changing the title area to float right but that moves it way over to the right, past the header menus. I cannot isolate the logo image using Firebug.

http://www.kidslumber.com

[Tom]

The description may be moved to the right within #title using:

/* Line 226 */

#description {
	text-align: right;
}

or by adding left margin in this same statement.

The logo cannot be moved left because is inside the #header's restricted width of 1140px:

/* Line 192 */
#header {
    margin: 0 auto;
    min-height: 140px;
    width: 1140px;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Ozpress]

Thanks for the reply Tom. I have now fixed it! I added the line:
text-align: right;
to the title and description areas and reduced the px size of the title to 62px.

Thanks so much for your help. 🙂

[Author]

Posts