How to fix background image in css file wordpress

Question

#hero {
    background: url('/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg') 50% 0 repeat
}

Here is my code but still doesn't work

Answer 1

Without more information (some HTML to go with it) or a webpage you are having trouble with, it is very hard to understand what you are trying to accomplish.

I would try something like this, as it sounds like you are trying to have the background image repeat.

hero {
background: url('/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg') repeat;
}

https://www.w3schools.com/cssref/css3_pr_background.asp

Answer 2

Try this, But you need to add this to your header.php or any PHP file header section. This will not work in CSS file.For more details visit URL

<style>
   .hero {
    background-image: url("<?php echo content_url(); ?>/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg") 50% 0 repeat;
  }
</style>

Hope this will help you.

Answer 3

Just navigate up a directory or two using ../

hero {
  background: url('../../img/hero-bg.jpg') repeat;
}

Answer 4

I am assuming hero is your class name thats why prefixed with .

In your code I could not find . , so check the same one more time.This also can be one issue if it is not there in your code.

Can you try this way:

    .hero {
    background: url('/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg');
    background-size: 50% 0;
    background-repeat: repeat;
}