NOP 3.60 Header image background help

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
8 years ago
Hello guys. I need help how to add some picture as header background in NOP 3.60
Check image below:



I know that need to be added in styles.css but this is much different than Nop 3.50 styles.css

I somebody can help I will be more then thankful! Ty
8 years ago
According to your screenshot, the element you want to target is called "header-lower".
So just add your "background" property to the .header-lower code group in styles.css
8 years ago
.header-lower {
  background: url('http://www.yourwebsite.com/Content/cover.jpg') center no-repeat;
  background-size: cover;
    position: relative;
    z-index: 0;
    padding: 35px 0;
}

works great with this. Just in case if somebody need it.
8 years ago
I want to do the same but since i am using 2 languages how can i control it so when the language changes i can change the background to be the correct for that language. Thank you
5 years ago
I have been trying to do this in 4.10. For some reason the changes I've made to the .header-lower class are not getting updated in the browser. ( I view the source and follow the link to the styles.css ). I've tried clearing browser data, rebuilding, restarting the web server.  I'm updating \Nop.Web\Themes\DefaultClean\Content\css\styles.css. Should I be updating a different file?

I have in styles.css

.header-lower {
    position: relative;
    z-index: 0;
    padding: 35px 0;
    background-size: cover;
    background: url("images/logoback.jpg") no-repeat center;
}

But the browser source has only the original:

.header-lower {
  position: relative;
  z-index: 0;
  padding: 35px 0;
}

Why doesn't the site get  my updates?
5 years ago
I don't know what's different but now the css is being updated.  also, I had to prepend ../images/
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.