Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Using background images in Center and Sidebar...Problems (http://forum.bytesforall.com/showthread.php?t=411)

Velma Feb 16, 2009 05:05 PM

Using background images in Center and Sidebar...Problems
 
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. :)

Flynn Feb 16, 2009 07:32 PM

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/

Velma Feb 16, 2009 07:50 PM

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  ... */
        }


Flynn Feb 16, 2009 08:30 PM

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);
}


Velma Feb 16, 2009 10:28 PM

Ah...OK...changed the added the full url in the center, side bars, and footer. That worked. :)

Thanks!!


All times are GMT -6. The time now is 09:00 PM.

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