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, 8 months ago.

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

    johnnychandler
    Participant

    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

    Anyone have an easy solution ?

    #40211

    dev
    Participant

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

    #40218

    johnnychandler
    Participant

    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

    `
    .sidebar {
    height: 2200px;
    }
    `

    Probably not the best way… but it should work.

    #40233

    johnnychandler
    Participant

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

    #40236

    dev
    Participant

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

    #40411

    johnnychandler
    Participant

    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.