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 »

Using background images in Center and Sidebar...Problems


  #1  
Old Feb 16, 2009, 06:05 PM
Velma
 
272 posts · Feb 2009
I'm using a background image for the center and left sidebar. I'm not using a right sidebar.

I also have a static home page.

The Image shows up on the home page, but all other pages show up as the main background color.

http://welcomechanges.com/demo is where I am playing with this.

I'm not sure what I did wrong. It's been kinda fun playing with it so far.
  #2  
Old Feb 16, 2009, 08:32 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Make all CSS image references absolute paths instead of relative paths, change all
HTML Code:
url(wp-content....
to
HTML Code:
url(/wp-content....
or
HTML Code:
url(http://www.yourdomain.com/wp-content....
The dynamic CSS is being inserted inline into the pages. The way you have it now would only work if you had put that into style.css because the path of style.css never changes (so the relative paths always point to the same image) whereas the dynamic CSS inside the pages can be anywhere, such as domain.com/, domain.com/subpage/, domain.com/2009/02/title-of-post/
  #3  
Old Feb 16, 2009, 08:50 PM
Velma
 
272 posts · Feb 2009
I'm assuming this is the area where I edit in the CSS.

Do I replace the /* more ... */? I'm not sure where to insert the background-image: stuff in the CSS file.

Code:
/* ------------------------------------------------------------------
---------- LEFT SIDEBAR ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
	/* more  ... */
	}

	
/* ------------------------------------------------------------------
---------- RIGHT SIDEBAR --------------------------------------------
------------------------------------------------------------------ */

td#right {
	vertical-align: top;
	/* more  ... */
	}

	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	max-width: 100%;		
	overflow: auto;
	/* more  ... */
	}

	
	
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

td#footer {
	width: auto;
	/* more  ... */
	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	/* more  ... */
	}

td#footer a:hover {
	/* more  ... */
	}
  #4  
Old Feb 16, 2009, 09:30 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You could but you shouldn't add it in style.css because that would be overwritten whenever you update to a newer version of Atahualpa

It would be better to insert it at the Atahualpa Theme Options ->

Center -> Center column style

HTML Code:
background: transparent url(/......./image.gif);
and

Sidebars -> RIGHT sidebar style

HTML Code:
background: transparent url(/......./image.gif);
Or add it as HTML/CSS Inserts -> CSS Insert

HTML Code:
td#right {
background: transparent url(/......./image.gif);
}
  #5  
Old Feb 16, 2009, 11:28 PM
Velma
 
272 posts · Feb 2009
Ah...OK...changed the added the full url in the center, side bars, and footer. That worked.

Thanks!!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Favicon background problems mkrivera7 Header configuration & styling 9 Jun 5, 2009 06:04 AM
Background images not displayed Fux Atahualpa 3 Wordpress theme 7 Apr 29, 2009 08:06 PM
Background images in pages ErikU Atahualpa 3 Wordpress theme 10 Apr 16, 2009 08:36 PM
left sidebar controls center and right sidebar roekoe Sidebars & Widgets 0 Mar 16, 2009 05:11 AM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 06:11 AM


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


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