Jump to content

change background for top header only?

Featured Replies

Posted

hello,

I was sure I saw a Marketplace app somewhere which allows you to change the background for just the header area, i.e. the space in the default theme where you have the logo, Create menu, notifications, messages, user menu etc.

Does this ring a bell with anyone?  For the life of me I haven't been able to find it in my searches.

custom.css add:

#ipsLayout_header header {
    background-color: #fff;
}

obviously change to your own preferences

or

admincp >> themes >> far right of theme name click the 'Edit' button >> front end color tab >> header

Try this:

Be awarethat @Tom Christian is no longer active, and hasn't logged in for over a year, so you should treat his files as no future maintenance and support.   

  • 1 month later...
  • Author

So I had this inserted into my custom.css file to add a header image instead of a background colour:

@media screen and (min-width:980px){

    #ipsLayout_header header{
      background-image: url('{resource="frac2.jpg" app="core" location="global"}');
      background-size: cover;
      background-position: 50% 55%;
      background-repeat: no-repeat;
    }
 
}

And now all of a sudden it no longer seems to work; I get the default blue header.

Any CSS experts with insights?

If referring to your website link in sig then it would appear your image is no longer there as it is unable to load it (check your image is still there)

If referring to another website then link to view might help

 

  • Author

@steve00 and @Meddysong, thank you for your help! 👍

For some reason yes, the file had disappeared (even though I didn't touch it 🤔).  Moreover, it seems as if planting media on your site has now changed from using "resource" to "media"?  Some update must have changed something, since this was working fine up until very recently.

Anyway, thank you again for your help.

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.