Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   how do I change overall background color (http://forum.bytesforall.com/showthread.php?t=13581)

John Berry Mar 31, 2011 05:50 AM

how do I change overall background color
 
I dont want an image for a background on my web page, I want a flat color. I tried creating a small image but couldnt figure out how to tile it. What do I need to do to change my background?

juggledad Mar 31, 2011 06:03 AM

ato->Body, Text & Links->Body Style

leader Apr 5, 2011 05:17 PM

I too would like to change the background color.

Could you elaborate on where that code is located.?

thanks.

:)

juggledad Apr 5, 2011 05:34 PM

ato->Body, Text & Links->Body Style

pmartin33 May 2, 2011 11:27 AM

I've tried just going into the options and putting in a different hex code, and it's not working. Where in the CSS files can I change the color? I was looking at the stylesheet and it's not there.

juggledad May 2, 2011 12:54 PM

ATO->Body, Text & Links->Body Style

krystyna May 3, 2011 10:20 AM

Juggledad, here's a challenge that's above and beyond a simple background color/image. I want to know how I can set both an image AND a color. The image doesn't fill the screen top and bottom, so I want a color to fill the rest of the viewing area.

krystyna May 3, 2011 10:23 AM

Never mind, I found the answer myself ....

Go to HTML inserts, and add ...

BODY { background-color: #color }

with the word "color" being replaced with the hexadecimal equivalent.

Now the next challenge is to offset downward the background image by 20 px.

krystyna May 3, 2011 10:38 AM

I'm not makin' ya work today, Juggledad ;)

To ATO > Body Text & Links > Body Style

Add

background-position: 0px 20px;

(first number offsets from left, 2nd offsets from top)

juggledad May 3, 2011 11:10 AM

Quote:

I'm not makin' ya work today, Juggledad
That's good because you would have to compete with my 5 month old grandson...guess who will win? (he's sleeping right now.)

Jam May 4, 2011 12:55 AM

If the background image is a gif or png, make top 20px transparent. You probably want to add 20px to top of existing image before you do that.
If it needs to be a jpg, make top 20px same colour as background?

Or set it to start 20px down as suggested.

Quote:

Originally Posted by krystyna (Post 64592)
Never mind, I found the answer myself ....

Go to HTML inserts, and add ...

BODY { background-color: #color }

with the word "color" being replaced with the hexadecimal equivalent.

Now the next challenge is to offset downward the background image by 20 px.


juggledad May 4, 2011 03:46 AM

If you want both an image and a color, you use the CSS rule:
'background-color' to set the color and
'background-image' to set the image
you can use the 'background' short hand and pt both in the same rule if you want. go to http://w3schools.com/css to get the exact syntax.

The image will show and the color will show behind the image.

EvaMorel Sep 22, 2011 01:50 PM

Thank you so much!


All times are GMT -6. The time now is 12:37 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.