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 » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Background image and background colour


  #1  
Old Apr 6, 2010, 10:09 AM
mattf
 
5 posts · Apr 2010
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?
  #2  
Old Apr 6, 2010, 12:59 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"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 8, 2010, 04:45 PM
edanto
 
5 posts · Dec 2009
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!
  #4  
Old Apr 9, 2010, 07:38 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You add the code at 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 Apr 10, 2010, 08:48 PM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
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?
__________________
Ho Ho Ho
Blah Blah Blah
  #6  
Old Apr 10, 2010, 08:54 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try using
HTML Code:
Background: #000000; URL(........
IE use the shorthand version of the background statement.

What is the URL?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Apr 10, 2010, 09:24 PM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Quote:
Originally Posted by juggledad
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/
__________________
Ho Ho Ho
Blah Blah Blah
  #8  
Old Apr 11, 2010, 05:57 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Apr 11, 2010, 06:21 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Doh! I cant believe I missed that. I really need to get glasses... Thanks for the catch!
__________________
Ho Ho Ho
Blah Blah Blah

Bookmarks

Tags
background

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
background image over-sized - Full Page Background Image prokopino Atahualpa 3 Wordpress theme 2 Mar 30, 2010 04:42 AM
[SOLVED] Background Colour Network Nine Header configuration & styling 2 Jan 1, 2010 12:44 AM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 05:03 AM
Background Colour Steve_T Atahualpa 3 Wordpress theme 1 Mar 21, 2009 10:29 AM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


All times are GMT -6. The time now is 01:07 PM.


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