Jump to content

change background for top header only?


LiquidFractal

Recommended Posts

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.

Posted

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

  • 1 month later...
Posted

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?

Posted

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

 

Posted

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

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