Wordpress Themes - WP Forum at BFA - [SOLVED] Background image and background colour

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)

- - [SOLVED] Background image and background colour (http://forum.bytesforall.com/showthread.php?t=6621)

mattf

Apr 6, 2010 10:09 AM

[SOLVED] Background image and background colour

I am trying to set a background image to my site. The image must not repeat but instead run into a colour. Can anyone help me with the code I need to add.

I know that I need to add something like:

Code:

background: url(/wp-content/themes/atahualpa/images/image.jpg);

to the body style images but cannot work out what I need to add to that line for the colour?

juggledad

Apr 6, 2010 12:59 PM

well you could use 'background-color' and 'background-image'. 'background' is a shorthand for all the background options (background-color, background-image, background-repeat, background-attachment and background-position).

A good place to check out syntax is http://www.w3schools.com/css - I'm always going there to get the syntax right.

edanto

Apr 8, 2010 04:45 PM

I'd like to learn how you did that with the background image, would you mind explaining what file you made those changes to, please?

Also - any chance you could link to your site to show what it looks like, please?

thanks!

juggledad

Apr 9, 2010 07:38 AM

You add the code at ATO->Body, Text & Links->Body Style

kal	Apr 10, 2010 08:48 PM

I am trying to get this to work:

background-image: url(/.../.../main_bg.gif) no-repeat top left;
background-color: #000000;

My image is a gradient that fades to black. I want the black background to be used with the image so I don't have to create a massive image. This doesn't seem to work though. What did I miss?

juggledad

Apr 10, 2010 08:54 PM

Try using

HTML Code:

Background: #000000; URL(........

IE use the shorthand version of the background statement.

What is the URL?

kal	Apr 10, 2010 09:24 PM

Quote:

Originally Posted by juggledad (Post 29608)

Try using

HTML Code:

Background: #000000; URL(........

IE use the shorthand version of the background statement.

What is the URL?

That didn't work. Here's the URL:
http://www.mjrgrp.com/demo/atec/

juggledad

Apr 11, 2010 05:57 AM

in your 'Body Style' options you have

HTML Code:

body{

text-align:center;

margin:0;

padding:0;

font-family:tahoma,arial,sans-serif;

font-size:0.8em;

background:#000000;url(/demo/atec/wp-content/themes/atahualpa/images/bg2.jpg) no-repeat top left;

padding-top:20px;

padding-bottom:20px

change the ';' after #000000' to a space.

the ';' defines the end of the option, so while the color is applied to the background, the url for the image is ignored. (damn punctuation;))

kal	Apr 11, 2010 06:21 AM

Doh! I cant believe I missed that. I really need to get glasses... Thanks for the catch!
:)

All times are GMT -6. The time now is 06:50 PM.