Logo is too far the the left

[girlygirllocsParticipant Post count: 2]

Greetings!

Does anyone know how to move a logo around?  The logo on my site (Innov8tive) is too far to the left.  I would like to move it over a little towards the left. How do I do that?  Newbie here!

Thanks!

Girlygirllocs

 

[jordyParticipant Post count: 2]

Hi there, you have a link to the website ?

[girlygirllocsParticipant Post count: 2]

Hi Jordy!  My website is http://www.truewellnesswithrenee.com  I am sorry – let me correct something.  The logo is too far to the left, I would like to move it towards the right (NOT TO THE LEFT)  to balance the look of the website.  I hope this helps!

Thank you very much!  :0)

 

[eightcrazyParticipant Post count: 9]

Check this thread out:  http://www.studiopress.com/support/showthread.php?t=109143&highlight=header

[girlygirllocsParticipant Post count: 2]

Hi EightCrazy,

I checked out the thread and in the function.php for my site, my site did have the exact css style listed in the thread.  So that is a good thing!  I realized in looking at the thread, the image need to be 960 wide.  Sol I created a image 960 wide and pasted my logo on it in a position away from the left side, save and uploaded it into the custom header, it worked!

Thanks for leading me to the answer!  :0)

[jordyParticipant Post count: 2]

I cant find this theme anymore on the website, but im pretty sure its because you removed something from the css..

.innov8tive-yellow #wrap #header doesnt have a width anymore !

it should have (not sure about this theme) a width of about 960px ( for most themes its this width )

if you give it that width again, than give your logo a normal size again it should be normal on the left for evreyone..

cause i see u got it a bit more alligned than last time, but on my screen ( 1920 width ) it still falls outside of the website wich shouldnt happen

 

[jordyParticipant Post count: 2]

you should find it around line : 2061

http://www.truewellnesswithrenee.com/wp-content/themes/innov8tive/style.css

than add the width as in the example beneath

.innov8tive-yellow #wrap #header {
background-color: #FFFFFF;
border-top: 6px solid #F3CF6D;
box-shadow: 0 1px 3px #999999;
color: #534640;
margin: 0 auto 5px;
min-height: 120px;
overflow: hidden;
width: 960px;
}

[jordyParticipant Post count: 2]

Just bumped into the theme so checked it for you..

this is on the orignal theme

http://www.innov8tive.eightcrazydesigns.com/wp-content/themes/innov8tive/style.css

rule 169

#header .wrap {
margin: 0 auto;
width: 960px;
}

thats the thing you miss

[anitacModerator Post count: 2575]

The reason why your logo is that way is because you created a banner instead of a logo. In your banner you have made your logo “centered” – see here – http://www.truewellnesswithrenee.com/wp-content/uploads/2012/11/cropped-TWWR_Header_Logo6.png. You should cut that down – remove the white space from the left and right. Then go back to Header under Appearance – upload the picture – and it should tell you to use the image as it is – do not crop it. Save and see if that works. Otherwise, you can actually hard code the new URL to the Logo into your CSS.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

• This reply was modified 5 months, 3 weeks ago by  anitac. Reason: to correct some wording

• This reply was modified 5 months, 3 weeks ago by  anitac. Reason: to correct some wording

[girlygirllocsParticipant Post count: 2]

Okay, I figured it out.  Yes I needed to make the width 960 per Jordy.  But what fixed this was for me to go into function.php and on one of the lines, change it from “center” to “left”.  That did the trick!  Thanks everyone for your help with this.  I really appreciate all the help and the suggestions!

[Author]

Posts