Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

how do I change overall background color


  #1  
Old Mar 31, 2011, 06:50 AM
John Berry's Avatar
John Berry
 
7 posts · Mar 2011
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?
  #2  
Old Mar 31, 2011, 07:03 AM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ato->Body, Text & Links->Body Style
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 5, 2011, 06:17 PM
leader's Avatar
leader
 
3 posts · Apr 2011
Vancouver Island.
Send a message via Skype™ to leader
I too would like to change the background color.

Could you elaborate on where that code is located.?

thanks.

  #4  
Old Apr 5, 2011, 06:34 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ato->Body, Text & Links->Body Style
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old May 2, 2011, 12:27 PM
pmartin33
 
1 posts · May 2011
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.
  #6  
Old May 2, 2011, 01:54 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ATO->Body, Text & Links->Body Style
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old May 3, 2011, 11:20 AM
krystyna
 
121 posts · Apr 2009
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.
  #8  
Old May 3, 2011, 11:23 AM
krystyna
 
121 posts · Apr 2009
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.
  #9  
Old May 3, 2011, 11:38 AM
krystyna
 
121 posts · Apr 2009
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)
  #10  
Old May 3, 2011, 12:10 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old May 4, 2011, 01:55 AM
Jam's Avatar
Jam
 
1,112 posts · Mar 2011
Perth, Western Australia
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
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.
  #12  
Old May 4, 2011, 04:46 AM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Sep 22, 2011, 02:50 PM
EvaMorel's Avatar
EvaMorel
 
3 posts · Sep 2011
Thank you so much!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] how to change the entire background color, not the body color? crobertl Forum How-To 24 Sep 12, 2010 11:00 AM
Change Footer background color Webbis Post-Kicker, -Byline & -Footer 3 Feb 5, 2010 11:49 AM
Why won't my background color change? timecatcher Atahualpa 3 Wordpress theme 3 Jul 28, 2009 06:25 AM
How do you change the background color? theyankeeblog Header configuration & styling 2 May 13, 2009 01:09 PM


All times are GMT -6. The time now is 11:34 AM.


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