Forums

Background image repeating vertically (5 posts)

  1. prachi21
    Member
    Posted 2 years ago #

    Hi

    The background image is a sliced image which has to repeat itself horizontally but i do not want it to vertically repeat. But it is getting repeated twice. The header has a design which looks weird when repeated. This is on Church theme. How do i stop it from getting repeated vertically.

  2. alchymyth
    The Sweeper
    Posted 2 years ago #

  3. prachi21
    Member
    Posted 2 years ago #

    I make these changes.

    Style.css

    body {
    	background: #111111 url(images/bg.png);
            background-repeat: repeat-x;
           	width: 980px;
            color: #333333;
    	font-size: 12px;
    	font-family: Arial, Tahoma, Verdana;
    	margin: 0px auto 0px;
    	padding: 0px;
    	}

    The image repeats horizontally the whole width but doesn't repeat vertically but only half the length of the webpage has the background image, the rest half is blank. Please help me solve this.

  4. alchymyth
    The Sweeper
    Posted 2 years ago #

    your first post:

    but i do not want it to vertically repeat.

    your last post:

    The image repeats horizontally the whole width but doesn't repeat vertically

    so, problem solved. that is exactly what you asked for in your first post.

    or, what do you want?

    one way to make it look ok:
    find the color code of the lower edge of your background image and put it into your code of the background style instead of the #111111. it should then blend in seemlessly and continue the color to the bottom of the page.

    link?

  5. prachi21
    Member
    Posted 2 years ago #

    Got it solved. Thank you for pointing me to right direction

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.