Comments on: How To Add A Custom Background Image To Your Thesis WordPress Theme

By: Estella

Estella — Mon, 30 May 2011 01:45:35 +0000

try this to your background image.. just change the url

body.custom {
background-image: url(http://i1108.photobucket.com/albums/h405/Smart_Mulok/finalbackground-2.jpg);
background-attachment: fixed;
margin-top: 10em;
margin-bottom: 2em;
}

By: Why Use Thesis? – Things You Should Know

Why Use Thesis? – Things You Should Know — Mon, 11 Apr 2011 14:10:29 +0000

[...] you need to know in order to further utilize your layout experience can be found online, such as adding a custom background to your thesis theme, or customizing your page’s read more links. However, all of these CSS [...]

By: JohnR

JohnR — Sun, 18 Jul 2010 23:22:12 +0000

Help! I have inserted the code into my custom.css, tried to change the ticks, and I have placed my paper.jpg in my own “images” directory and the “thesis_17/custom/images” directory. I can’t get the image to show up. any help would be appreciated.

/* This line adds your custom background graphic */
body.custom {
background: #000 url(‘http://urbomlawblog.com/images/paper.jpg‘) 50% 0%; no-repeat; margin: 0 auto;
}

.custom #container {
margin-top: 2em;
margin-bottom: 2em;
}

.custom #page {
background: #e3cf9c;
}

By: Peter

Peter — Thu, 24 Jun 2010 20:55:58 +0000

it looks like you have the fancy quotes, instead of the tic..

’ vs. '

not sure if that’s the problem?

By: ja3 mik3

ja3 mik3 — Wed, 23 Jun 2010 15:47:10 +0000

Hey I have added the custom code to my site VisualCrack.Net

body.custom {
background: #8db6b6 url(‘images/bg-ocean.jpg’) 50% 0 no-repeat;
}

.custom #container {
margin-top: 2em;
margin-bottom: 2em;
}

.custom #page {
background: #fff;
}

and i have my file upload to f/visualcrack.info/wp-content/themes/thesis_17/custom/images/bg-clouds.jpg

i tried with the tags and without the tags, but to no avail still not working if anyone can help me it would be much appreciated.

By: Peter

Peter — Thu, 17 Jun 2010 02:45:30 +0000

If you look at my custom.css on my other site, http://www.biblemoneymatters.com, you’ll see this line for the background:

body.custom { background: #000 url('images/bg1.jpg') no-repeat 50% 0%; color: #000000; margin: 0 auto; }

on yours it shows like this:
body.custom { background: #000 url(images/Background.jpg) 50% 0%; no-repeat; margin: 0 auto; }

only difference i see are the ticks around the image url?

By: Nick Peterson

Nick Peterson — Thu, 17 Jun 2010 00:20:32 +0000

Hi there,

I created a custom background and header for my site. Both appear perfectly in Internet Explorer, but the background doesn’t appear in Firefox, Safari or Chrome. Any ideas on how to fix that? Thanks!

By: Gerhard

Gerhard — Thu, 22 Apr 2010 10:52:56 +0000

Heya,

In reply to the background image not showing issue above: I had the same dang thing. What you need to do is remove the ” ‘ ‘ ” quotes around the (‘images/textgreen.gif’), making it (images/textgreen.gif)

Cool way to test for me was to open my site, background not showing up, right click and go “view background”. It then threw an error that the file couldn’t be found, which is when I noticed in the address bar the quotes were still included.

Hope this helps and saves someone the 2 hours of my life I just wasted…

By: James Sanson

James Sanson — Mon, 11 Jan 2010 22:05:54 +0000

do I put in a width and height 100%? I thought the no repeat, etc would have made it do this.

By: James Sanson

James Sanson — Mon, 11 Jan 2010 21:44:08 +0000

I removed some weird ‘ ‘ from it and replaced it- with simple ‘ ‘ and now I have the graphic in a tile format. I would like it to be centered and only one of them that expands the entire body. I am just looking for the rays of the sun to come equally thru the background edges.