WordPress.org

Forums

Fading background (4 posts)

  1. thomja
    Member
    Posted 2 years ago #

    Hey

    I have just started out with wordpress again and I am wondering how to get a fading background like this site http://www.ownedcore.com

    It has a background on top that then fades down to a darker color without repeating the image above.

    Thanks for any help provided!

  2. phe.le
    Member
    Posted 2 years ago #

  3. therealkbrackson
    Member
    Posted 2 years ago #

    I would position that image at the top using CSS,to manipulate CSS in wordpress you need to either be able to directly edit your CSS in your theme files(however,i would advise against this) or install a custom CSS plugin that can add a "child" stylesheet to your page.

    The code to position an image at the top of a page is pretty simple:

    body{
    background: url(http://yourimagegoeshere.com) center top #000;
    }
    /*(this tells you to pull the image and position it at the center and top of your body) also,that digit number is a solid background color*/

    If you create a "png" semi-transparent image with a fade at the bottom(google "layer mask fade" on how to do this) and place it in that code above it will fade into the solid color you select in your css.

  4. thomja
    Member
    Posted 2 years ago #

    Sweet thank you both. But I know how to do this in photoshop but it is the coding thathas me stuck

    If I enter

    body{
    background: url(http://yourimagegoeshere.com) center top #000;
    }

    Then I would still need another background on the bottom right?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.