Forums

Adding background image to F2 sidebar? (4 posts)

  1. clemon79
    Member
    Posted 2 years ago #

    I've been slowly tinkering with F2 to try to get it in line with my previous design that I was using with Blogger before I moved to WP. Right now, I'm trying to change the left sidebar from a solid color to a tiled image that I used on the old site.

    Does anyone have any experience doing this? I'm not a CSS expert but I've learned how to tinker with little things and am doing it through theme inheritance, so I'm apparently not a total moron. But some help would really be appreciated.

    Thanks much in advance for any knowledge!

    -- Chris

  2. design_dolphin
    Member
    Posted 2 years ago #

    Information on how to set the background property:
    http://www.w3schools.com/css/css_background.asp

    Apply the background image with the correct properties to the proper HTML tag. This you will have to find. You can look through the source code of the theme or use something like Firebug.

    Also take a look at the WordPress codex section Blog Design and Layout.

  3. clemon79
    Member
    Posted 2 years ago #

    I appreciate it, but this really isn't very helpful, because I am unable to find the tag I need to edit (yes, I tried looking with Firebug), and as I said I'm not a CSS expert and barely know how to read the code. I'm not even sure if the theme is written such that it *can* be done. This is why I asked if anyone had specific experience with F2.

    I was hoping to get specific help here.

  4. design_dolphin
    Member
    Posted 2 years ago #

    It's good of you to signal that it is above your current knowledge level. The clearer you are specifying with such things the easier it is to help. Thank you.

    What you are looking for is: #sidebar_right

    However, it depends on whether you want the background image to extend all the way to the bottom. As in this case the sidebar is the height of the sidebar content, the image will only fill that part. (simplified explanation)

    Getting an image to fit all the way to the bottom, would require more time to figure out than I have at the moment, unfortunately. This is mainly because the #wrapper used to create the grey part on the right side is a border of 240px wide. You basically have to rewrite some of the html code and styling of the theme, and then cross browser test it.

    Do a search in a search engine on:
    Getting a div to stretch to the bottom

    There are various techniques.

    Or maybe somebody else can help you out.

    Hope it points you in the right direction.

Topic Closed

This topic has been closed to new replies.

About this Topic