Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Bg-image doesn't work

Aleksandar Srbljak pro asked 6 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 commented 6 years ago

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

Ollie Vincent pro commented 6 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 6 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 6 years ago

I suggest you check the file path then

Aleksandar Srbljak pro commented 6 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 6 years ago

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

Aleksandar Srbljak pro commented 6 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 :)

Saeedb91 free answered 6 years ago


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

Ollie Vincent pro answered 6 years ago


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

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags