Support » Theme: Pinboard » header image

  • Resolved jcpcosta

    (@jcpcosta)


    Hi!

    Is it possible to add a background image all along the header? (different from the site background image).

    thank you!

Viewing 13 replies - 1 through 13 (of 13 total)
  • paul.a.cunn

    (@paulacunngmailcom)

    Yes, just go to Appearance then Header and upload a header image. Don’t make it any longer than 1140px wide.

    Hi Paul!

    It doesn’t work…it resizes the image …it has 1140 x 200 px look how it looks :

    ‘http://mlearning.mdsinsure.com/’

    paul.a.cunn

    (@paulacunngmailcom)

    Add the following CSS, I am not sure why it is being resized. The following will make it so its full sized. Also it will get rid of some white space.

    #site-title img {
    width: 100%;
    margin: 0;
    }
    
    #site-title {
    margin: 0;
    }

    Hi again!

    Now the image is ok…but there’s a lot of white space around..maybe it’s because of those login and register links.. what do you think? They were at the top of the header, now they’re under the image…

    Thank you!

    paul.a.cunn

    (@paulacunngmailcom)

    For some reason the margins are still being overridden can you change the following in both instances in the code I posted above.

    margin: 0;

    to

    margin: 0 !important;

    paul.a.cunn

    (@paulacunngmailcom)

    Also where do you want the register and login links to appear?

    Hi Paul!

    I changed both instances as youp roposed and now the hedaer image is properly aligned. But now there’s the register and login links problem..I want them to appear above the header image, right side, top OR inside the nav bar…

    Both links are inside a header widget…which is not very pratical because I cannot have a logout link when logged in…can’t control that…

    Do you have any suggestions?

    Many thanks for your support!

    How To Word pass Theme Change

    esmi

    (@esmi)

    Forum Moderator

    @raseem: It is impolite to interrupt another poster’s ongoing thread with an apparently unrelated question of your own. Please post your own topic.

    paul.a.cunn

    (@paulacunngmailcom)

    @jcpcosta

    I am still not exactly sure what you want. If you want the login link to appear in your header picture on the top right like in the screenshot below add this css

    Screenshot

    http://snag.gy/IETRO.jpg

    CSS

    #header .p {
    position: absolute;
    right: 0
    }

    You may also want to check this thread out it seems like it does what you want.

    http://wordpress.org/support/topic/adding-login-and-register-links-to-the-header?replies=5

    paul.a.cunn

    (@paulacunngmailcom)

    If you want one white line to make it visibly easier to see the link like in the screen shot below use this css

    Screenshot
    http://snag.gy/01qhc.jpg

    CSS

    #header .p {
    display: inline;
    margin: 0;
    position: relative;
    right: -900px;
    }

    Paul,

    that’s it, I wanted the login link to appear in my header picture on the top right like in the 1st screenshot! I tried your suggestion,..firstly it didn’t work because of the class(?) but I tried a few changes and it worked like this:

    header#header p {
    position: absolute;
    right: 0
    margin-bottom: -22px;
    margin-left: 1080px;
    color:#fff;
    }

    Then I also added this to turn the link more readable:

    header#header a {
    color:#fff;
    }

    Thanks a lot for your time and help! I’m having a great time working with this theme!

    thanks @paul.a.cunn@gmail.com for the help. It really helped me out, i’ve been stuck on this for about an hour lol.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘header image’ is closed to new replies.