Extend Sidebar Background Image to Footer Widgets

Community Forums Forums Design Tips and Tricks Extend Sidebar Background Image to Footer Widgets

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  johnnychandler 1 year, 4 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #40031

    johnnychandler
    Participant
    Post count: 14

    Hello I am wanting to extend the sidebar background to fill the space to the footer  widget section and can’t figure out a solution.

    Right now I using this css

    .sidebar {
    background-color: #f7f8f9; background: url(images/truck-chrome.png)  repeat;
    display: inline;
    float: right;
    font-size: 14px;
    padding: 0 0 30px;
    width: 340px;
    }

     

    It will only fill to the end of my sidebar content.

     

    Any ideas that might work…

    I would like to still use the same small image and just keep repeating it down the sidebar.

    Any easy solutions?

     

    Thanks Johnny

    http://www.truckingtools.com
    #40198

    johnnychandler
    Participant
    Post count: 14

    Anyone have an easy solution ?

    #40211

    dev
    Participant
    Post count: 457

    `
    #inner {
    background-image: url(images/truck-chrome.png);
    }
    `

    #40218

    johnnychandler
    Participant
    Post count: 14

    Yeah I tried that but it  it puts in on the whole page.. the image is very small.. and I just  repeat it…  I just want it in the sidebar…..

     

    I know I can make an image in the inner and repeat and it .. but I would have to use a larger image.. I am trying to use the small image  to keep my load time faster…

     

    Thanks Johnny

    #40220

    dev
    Participant
    Post count: 457

    `
    .sidebar {
    height: 2200px;
    }
    `

    Probably not the best way… but it should work.

    #40233

    johnnychandler
    Participant
    Post count: 14

    I tried that but on the pages  with little content looked too tall..  It just didn’t look well at all…

    #40236

    dev
    Participant
    Post count: 457

    `
    .home #sidebar {
    height: 2200px;
    }
    `

    #40411

    johnnychandler
    Participant
    Post count: 14

    This worked for my homepage but it still doesn’t address the issue with any of the other pages.. Since they are different heights…

    Any other ideas?

     

    Thanks Johnny

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

You must be logged in to reply to this topic.