Code a Background Pic Into a Certain part of Front Page

[Tree78]

I need to code a checkered background picture into a certain part of the front page on the Minimum Pro Theme.

Here is the website:

http://www.acheckeredtowing.com/

Right behind the four main page pics "About Us, Towing/Impound, Transport/Storage, Roadside Assistance."

That is where I need to put a background pic in.

Honestly I am not sure how to do that? How would I get that done? Any help is appreciated. Thank you in advance.

Jeremy

http://www.acheckeredtowing.com/

[Brad Dalton]

I think you could use .site-inner.

Add this on line 373 of style.css to test:

background-image: url('http://www.acheckeredtowing.com/wp-content/uploads/2017/01/checkered-tow-trucks-and-Queen-Mary.jpg');

This is what i get in the browser:

The you can tweak the CSS to clean it up.

---

Tutorials for StudioPress Themes.

[Tree78]

I am gonna need a little more info than that, lol. I really have no idea where to begin.

[Brad Dalton]

Please see the updated solution

---

Tutorials for StudioPress Themes.

[Tree78]

Hi Brad,

When I do that I am getting nothing... unless I am doing it wrong. Line 373 is the form line.. so I am a little confused on where to add the code you sent, maybe I am adding it wrong?

Here is a screenshot of line 373... not sure what I am doing wrong.

[Brad Dalton]

Find this rule and add it like this:

.site-inner {
    background-image: url('http://www.acheckeredtowing.com/wp-content/uploads/2017/01/checkered-tow-trucks-and-Queen-Mary.jpg');
    background-color: #fff;
    clear: both;
    padding-top: 40px;
}

---

Tutorials for StudioPress Themes.

[Tree78]

This is what I got Brad... and nothing happens...??

.site-inner {
	background-image: url('http://www.acheckeredtowing.com/wp-content/uploads/2017/02/checkered-grey-black-square.png');
        background-color: #fff;
	clear: both;
	padding-top: 40px;
}

[Tree78]

Oh, there it goes... wow, that took a long time to cache....

[Tree78]

and it's gone, lol. Okay I will wait for a while.

[Author]

Posts