Add Footer Graphic on top of footer bar

Community Forums Forums General Discussion Add Footer Graphic on top of footer bar

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  OliveBurbank 1 year, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #12774

    OliveBurbank
    Participant
    Post count: 14

    I could use the assistance…I am using Agency 2.0v

    I need to add a graphic above the footer bar – image size 5×22 – so that it sits ‘on top’ of the current footer bar, stretching across the footer  bar from left to right.

    I have tried many things from the support forum, WordPress, but I am not having any luck.

    Currently I have this in the footer.

    Style.css
    #footer {
    clear: both;
    font-size: 14px;
    margin: 0 auto;
    text-shadow: 1px 1px #fff;
    width: 100%;
    background:url(wp-content/uploads/2013/01/footerback.gif) top center;
    padding-top: 50px 0 0;

    However, the image does not appear – I assume since it is 5×22 it would need a repeat?  I did try that, but again it did not appear.

    Thank you in advance for your assistance.  http://69.195.124.75/~temporc9/

    #12776

    anitac
    Participant
    Post count: 6407

    Not sure what your image looks like, but instead of adding it as a background image – try adding it as a “border” image – http://www.w3schools.com/cssref/css3_pr_border-image.asp.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #13012

    OliveBurbank
    Participant
    Post count: 14

    Anita – your link was very helpful.  Below is the final code to put a background image above the footer bar.  Enjoy. Thank your assistance.

    #footer {
    clear: both;
    font-size: 14px;
    margin: 0 auto;
    text-shadow: 1px 1px #fff;
    width: 98%;
    background-image:url(/wp-content/uploads/2013/01/footerback.gif);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 25px 25px;
    padding: 10px 0 10px 0;

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Add Footer Graphic on top of footer bar’ is closed to new replies.