Logo is too far the the left

Community Forums Forums Design Tips and Tricks Logo is too far the the left

This topic is: not resolved

Tagged: , ,

This topic contains 9 replies, has 4 voices, and was last updated by  girlygirllocs 1 year, 9 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #801

    girlygirllocs
    Participant
    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

     

    #808

    jordy
    Participant
    Post count: 3

    Hi there, you have a link to the website ?

    #844

    girlygirllocs
    Participant
    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)

     

    #1011

    eightcrazy
    Participant
    Post count: 9
    #1165

    girlygirllocs
    Participant
    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)

    #1254

    jordy
    Participant
    Post count: 3

    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

     

    #1255

    jordy
    Participant
    Post count: 3

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

    #1256

    jordy
    Participant
    Post count: 3

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

    #1266

    AC
    Blocked
    Post count: 7712

    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.

    • This reply was modified 1 year, 10 months ago by  AC. Reason: to correct some wording
    • This reply was modified 1 year, 10 months ago by  AC. Reason: to correct some wording
    #1428

    girlygirllocs
    Participant
    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!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.