WordPress.org

Forums

[resolved] How to add an aditional graphic over the background? (4 posts)

  1. tonechild
    Member
    Posted 2 years ago #

    Hi there!

    I have two background images that I want to be seen as one background image. I have the jpg that will sit in the far back, and then a transparent PNG that'll sit on top.

    The JPG will take up the whole screen and tile both horizontal and vertically.
    The PNG will be fixed to the bottom of the screen, over top of the JPG and tile horizontally.

    What files would I need to edit to do this? Would I have to change all the php files that seek for the background to add a second <div> tag for the PNG file?? Or is there some master file I can change? Is it dependent on what theme I use? I'm using suffusion. I browsed through suffusion php and css files and couldnt figure out where it was getting the background. the index.php file just had a funciton like Get_CSS or sometihng. I'm lost :(

    I've seen tutorials on the web on how to add layers w/ css and it looks fairly easy to do. My challenge is I don't know how to do this with wordpress.

    Please help, thanks!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Typically, background images are simply put in the existing CSS - using existing tags, classes and/or ids as selectors. Yes, CSS is always quite theme-specific.

    Hard to be more specific without a concrete example and link to a site. You might want to review CSS:

    http://www.w3schools.com/css/css_background.asp

    and/or ask on a CSS forum such as http://csscreator.com .

  3. tonechild
    Member
    Posted 2 years ago #

    Thanks for the quick reply!

    Basically, my goal is to create a dual-layered background by plopping a tiled JPG image on the back and throwing a transparent PNG over top. While the background of the JPG will be all over, the PNG file is to just be at the bottom of the background, and only tile horizontally. Now I know how to do this via CSS. But I also have to output this new CSS code via HTML, right? If that's the case then I need an additional div tag that is nested inside the main background tag, so it can grab the info from the new CSS.

    I have no idea where or how to edit or even find the div tags for the background in wordpress. Any help?

  4. tonechild
    Member
    Posted 2 years ago #

    NEVERMIND!

    I figured it out by using CSS3 - the solution is much easier than I thought and can be found here: http://www.css3.info/preview/multiple-backgrounds/

Topic Closed

This topic has been closed to new replies.

About this Topic