The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

CSS - BG not repeating w/out weird workarounds :) (1 post)

  1. Bunnychan
    Posted 5 years ago #

    Site: http://www.bunnysbeauty.com

    If you look at it now it looks like it's working until you scroll down and the background stops repeating.

    I'm trying to get those half-circle sidebars (well it's only one image right now) to repeat vertically w/out resorting to using min-height (as I currently am)

    Problem w/ current method is that w/ the future possibility of multiple posts of varying sizes I'll need the repeat to be flexible.

    I've tried methods that have worked in the past off of wordpress, but trying it on wordpress it seems there's some issue,

    Help greatly appreciated!!!!

    (excerpt from stylesheet)

    body { background-color: #F393BD;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    color: black;
    font-family: Arial, Helvetica, sans-serif; }

    #wrap { position: relative;
    top: 0;
    width: 920px;
    margin-right: auto;
    margin-left: auto; }

    #wrapper { position: absolute;
    width: 920px;
    margin-left: auto;
    margin-right: auto; }

    #bar { position: relative;
    top: 0;
    left: 0;
    width: 920px;
    min-height: 900px;
    background-image: url(../../../images/sides.png);
    background-repeat: repeat-y;
    background-position: top left;
    z-index: -2; }

    *note - I think I chose the correct WP version, not 100% sure, can check if it is important.

Topic Closed

This topic has been closed to new replies.

About this Topic