Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 13, 2016 at 5:05 am #612388
    ycoleman31

    How do I add a background image to the header?

    April 13, 2016 at 7:10 am #612456
    Basilis

    Hi ycoleman31!

    I just loaded your web site and I can see a background imagd there is that correct?

    Regards,
    Basilis

    April 13, 2016 at 4:30 pm #612906
    ycoleman31

    yes, but it is not displaying on the front end.

    April 13, 2016 at 5:09 pm #612965
    ycoleman31

    This is the code I put into the quick css box:

    .header-main{
    background-image: url(http://test.wildlydifferent.com/wp-content/uploads/2016/04/header-bg.jpg) no-repeat top right;
    background-size: contain;
    }

    April 13, 2016 at 9:30 pm #613229
    Jordan

    Hey!

    Try the following code to replace the above one you posted:

    #header_main{
background: url(https://test.wildlydifferent.com/wp-content/uploads/2016/04/header-bg.jpg) repeat top right;
background-size: contain;
}

    Best regards,
    Jordan

    • This reply was modified 9 years, 6 months ago by Jordan.
    April 15, 2016 at 9:41 pm #615169
    ycoleman31

    Hi Jordan,
    The code above did not work. Can we try something else?
    Yvonne

    April 17, 2016 at 6:52 am #615706
    Rikard

    Hi Yvonne,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    April 17, 2016 at 6:12 pm #615843
    ycoleman31

    Hi Rikard,

    Thanks for looking into this.
    Yvonne

    April 19, 2016 at 2:21 am #617001
    Yigit

    Hey!

    Can you please switch user role to administrator?
    Also, have you tried uploading your header background image in Enfold theme options > General Styling > Logo area?

    Best regards,
    Yigit

    April 19, 2016 at 4:25 am #617060
    ycoleman31

    Hi Yigit,
    I switched it to administrator. Sorry about that. I did not upload into the logo area as I don’t need the whole image to be linkable, just the logo. Would I not have to have the logo then add to the whole background image if I upload it that way?
    Thanks,
    Yvonne

    April 19, 2016 at 12:52 pm #617355
    Yigit

    Hi!

    Yes, if you set your background image in Enfold theme options > General Styling > Logo Area, it will not be clickable like your logo :)

    Cheers!
    Yigit

    April 19, 2016 at 1:50 pm #617392
    ycoleman31

    Hi Yigit,
    That was too easy!
    Thank you so much!!
    Yvonne

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header Background Image’ is closed to new replies.