Jump to content

change background for top header only?


Recommended Posts


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.

Link to comment
Share on other sites

  • 1 month later...

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?

Link to comment
Share on other sites

@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.

Link to comment
Share on other sites


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

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...