WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
[resolved] header image (14 posts)

  1. jcpcosta
    Member
    Posted 1 year ago #

    Hi!

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

    thank you!

  2. paul.a.cunn
    Member
    Posted 1 year ago #

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

  3. jcpcosta
    Member
    Posted 1 year ago #

    Hi Paul!

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

    'http://mlearning.mdsinsure.com/'

  4. paul.a.cunn
    Member
    Posted 1 year ago #

    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;
    }
  5. jcpcosta
    Member
    Posted 1 year ago #

    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!

  6. paul.a.cunn
    Member
    Posted 1 year ago #

    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;

  7. paul.a.cunn
    Member
    Posted 1 year ago #

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

  8. jcpcosta
    Member
    Posted 1 year ago #

    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!

  9. Raseem
    Member
    Posted 1 year ago #

    How To Word pass Theme Change

  10. esmi
    Forum Moderator
    Posted 1 year ago #

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

  11. paul.a.cunn
    Member
    Posted 1 year ago #

    @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

  12. paul.a.cunn
    Member
    Posted 1 year ago #

    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;
    }
  13. jcpcosta
    Member
    Posted 1 year ago #

    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!

  14. olstudios
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags