Logo is too far the the left

[girlygirllocs]

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

 

[jordy]

Hi there, you have a link to the website ?

[girlygirllocs]

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)

 

[eightcrazy]

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

[girlygirllocs]

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)

[jordy]

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

 

[jordy]

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;
}

[jordy]

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 😉

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[girlygirllocs]

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