• Hi guys, im new here and im building my blog on a theme called premium pixels. Unfortunately, im having trouble getting my logo in the right place and have no idea how to fix it. How can i move it to the right spot? the link to my blog is https://www.techgoonies.com

    thanks

Viewing 15 replies - 1 through 15 (of 16 total)
  • Moderator keesiemeijer

    (@keesiemeijer)

    In your theme’s stylesheet style.css change this:

    .logo-link {
    	padding: 0 0 0 40px;
    }

    to this:

    #logo img{
    	width: 260px;
    }

    Thread Starter emilkako

    (@emilkako)

    still nothing :/

    Moderator keesiemeijer

    (@keesiemeijer)

    Try clearing your browser cache.

    Thread Starter emilkako

    (@emilkako)

    :O youre a life saver man, thanks alot. if i make the logo a little bigger would it still work or would i need to change something in the css?

    thanks again man

    Moderator keesiemeijer

    (@keesiemeijer)

    try changing the width: 260px; to what you like (max width: 350) but test it in different browsers (especially ie explorer).

    Thread Starter emilkako

    (@emilkako)

    ok i tried 350 width and i really like this size, is there anyway we can move it to the left a little? and make it look centered over the search bar?

    Moderator keesiemeijer

    (@keesiemeijer)

    You can give #content this width: width:1070px;
    and #sidebar this width: width: 350px;

    Thread Starter emilkako

    (@emilkako)

    sorry brotha im not very familiar with all of this, can you show me where exactly im supposed to put those in.

    Moderator keesiemeijer

    (@keesiemeijer)

    Change this:

    #sidebar {
        float: left;
        width: 260px;
        text-shadow: 0 1px 0 rgba(255,255,255,0.6);
        padding: 15px 0 0 0;
    }

    to this:

    #sidebar {
        float: left;
        width: 350px;
        text-shadow: 0 1px 0 rgba(255,255,255,0.6);
        padding: 15px 0 0 0;
    }

    And change this:

    #content {
        width: 980px;
        margin: 0 auto 75px auto;
    }

    to this:

    #content {
        width:1070px;
        margin: 0 auto 75px auto;
    }

    Thread Starter emilkako

    (@emilkako)

    i only have this for content

    #content-wrap {
    float: left;
    width: 690px;
    }

    #content-top {
    background: url(images/bg-content-top.png) no-repeat;
    height: 40px;
    overflow: hidden;
    float: right;
    width: 690px;
    }

    #content-btm {
    background: url(images/bg-content-btm.png) no-repeat;
    height: 40px;
    overflow: hidden;
    float: right;
    width: 690px;
    }

    and i cant find the sidebar :/

    Moderator keesiemeijer

    (@keesiemeijer)

    Thread Starter emilkako

    (@emilkako)

    oh i see it, idk how i missed it lol. thanks man. can you tell me what exactly is the trick? sorry to be so picky but if i could just move it like half an inch to the left. also is that normal to have my link show the css? or did i do something wrong?

    Moderator keesiemeijer

    (@keesiemeijer)

    can you tell me what exactly is the trick?

    We made the sidebar witdth the width of the image

    could just move it like half an inch to the left.

    You can, but when the browser viewport is small (mobile phones, notebooks) Your logo will only be partially shown (try it with this)
    change this:

    #logo {
        display: block;
        width: 260px;
    	margin-bottom: 30px;
    }

    to this:

    #logo {
        display: block;
        width: 260px;
    	margin: 0 0 30px -30px;
    }

    is that normal to have my link show the css? or did i do something wrong?

    That’s normal browser behaviour.

    Thread Starter emilkako

    (@emilkako)

    youre amazing thanks man, i chnaged back the content and side bar to how they were and just kept the logo change, it worked! can you take a look and tell me what you think

    Moderator keesiemeijer

    (@keesiemeijer)

    It’ ok, but try and resize your browser window you’ll see that the “T” from “Tech” is a little outside the viewport. Test this in multiple browsers. IE explorer has sometimes trouble with negative margins.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘How do i move my logo?’ is closed to new replies.