Background-image from welcome-box

Egen Tutu
asked 8 years ago

Hi. I try add Background-image from welcome-box.
Add this text in file header.php , section

.block.head .block-inner {
background-image: url(http://geometree.by/wp-content/uploads/2016/05/2tree-23.png);

But I see on the home page only a piece of my image. Maybe I have to add some more features in .block.head .block-inner ?? Or format the size of my images?

I’m on the right track?

4 Answers

DominicStaff
answered 8 years ago

You can use the following code to resolve this issue:

.block .block-inner {
 background-image: url('http://geometree.by/wp-content/uploads/2016/05/2tree-23.png') !important;
 background-size: cover !important;
 }

Also, if you want to use this image, you need change the text color, you can use the following code:

.block.head h1, .block.head h2 {
 color: #...;
}

Hope this helps!

Egen Tutu
answered 8 years ago

Thanks. I add this code

.block .block-inner {

background-image: url(‘http://geometree.by/wp-content/uploads/2016/05/2tree-23.png‘) !important;

background-size: cover !important;

}

But I see it "background-image" not only on the Wellcome-box but also on several other posts on the main page.

What do you think of it? (Sorry if I’m asking too many questions.)

Dominic Staff
replied 8 years ago

No problem! It’s my confusion, you can try the following code:
#block-welcome-box .block-inner {
background-image: url(‘http://geometree.by/wp-content/uploads/2016/05/2tree-23.png‘) !important;
background-size: cover !important;
}

.block.head .block-inner {
background-image: url(‘http://geometree.by/wp-content/uploads/2016/05/2tree-23.png‘) !important;
background-size: cover !important;
}

Egen Tutu
answered 8 years ago

O I’m so happy. All works. Orphografic mistake !!!! Thanks

DominicStaff
answered 8 years ago

If you have any issue or question, please let me know, I will check and help you resolve it.