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.
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.
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?
prachi21
Member
Posted 2 years ago #
Got it solved. Thank you for pointing me to right direction