Bg-image doesn't work


Topic: Bg-image doesn't work

Aleksandar Srbljak pro asked 7 years ago

Hi, I have just bought a pro version, and i'm trying to change background image, but when i copy path from folder, it won't work..can anyone help me please ? Tnx !   .view { background: url("imageshead-bg.jpg") no-repeat center center; background-size: cover; }

Bartłomiej Malanowski staff pro premium commented 7 years ago

Do you get any logs? Are you sure the path to the image is correct?

Ollie Vincent pro commented 7 years ago

You need a height on the background image otherwise it won't show. - unless you have content on it.

Aleksandar Srbljak pro commented 7 years ago

yes, i'm sure..just it won't show here, i don't know why..it just shows blank space instead of picture..still doesn't work.. :/

Ollie Vincent pro commented 7 years ago

I suggest you check the file path then

Aleksandar Srbljak pro commented 7 years ago

when i insert picture in html as a img src it works, but in css as a background img it doesn't work..sorry, maybe i'm boring but i really want to solve this problem.. :/

Ollie Vincent pro commented 7 years ago

Hi, no problem :) can you share a link so that we can see the problem? Thanks

Aleksandar Srbljak pro commented 7 years ago

I solved the problem..i have changed program, now i'm coding in Dreamweaver instead of Atom..thanks anyway, i was so nervous, but now it's cool :)

Ollie Vincent pro answered 7 years ago

Is your css in the default mdb folder 'css'? If so try: background: url(‘../img/head-bg.jpg’);

Saeedb91 answered 7 years ago

.view { background: url(“../img/imageshead-bg.jpg”); background-repeat: no-repeat; background-size: cover; }
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No