Image background in d-header

How would the proper way to add this be? Simple way with css to use the image?

Hi Garrick,

This is very dependent the used image. You can use simple css code target .d-header class.

Create a new component on /admin/customize/themes and paste in common (both desktop and mobile) css section or where you want to prefer use the background image desktop or mobile.

.d-header {
  background: url(your image url);
  background-repeat: no-repeat;
  background-size: cover;
}

Example

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

Will looks like this :arrow_down:

More info about background property

I hope this is helpful :slightly_smiling_face:

3 Likes

Thank you Don! Just how I needed it.

2 Likes