Garnut Posted June 7, 2016 Share Posted June 7, 2016 Hi, I'm trying to add a full background image, I just can't find how. I have change from the CSS file(Layout.css) the code with my picture, it change only the top of the page : body { background-image: url . I want it full page. Anyone know how? Thanks. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 7, 2016 Share Posted June 7, 2016 Welcome Garnut! Glad to see you made it to the forums. The Kurouto skin has several background images already in place. You found the one in layout.css that gets applied to the body, but that only shows to the left and right beyond the actual content. With a background-image, the browser defaults to repeating it horizontally and vertically - unless there is a CSS rule that says otherwise. That other rule is in the common.css file, line 9, where the background rule has the repeat-x property and not the repeat-y property, but the layout.css file for body is not overriding that. So, to make sure that your replacement image for the body background in layout.css repeats both in x and y directions, you will need to add the CSS property into the body rule in layout.css: background-repeat: repeat; This overrides what is in common.css. Quote Link to comment Share on other sites More sharing options...
Garnut Posted June 8, 2016 Author Share Posted June 8, 2016 1 hour ago, bsmither said: Welcome Garnut! Glad to see you made it to the forums. The Kurouto skin has several background images already in place. You found the one in layout.css that gets applied to the body, but that only shows to the left and right beyond the actual content. With a background-image, the browser defaults to repeating it horizontally and vertically - unless there is a CSS rule that says otherwise. That other rule is in the common.css file, line 9, where the background rule has the repeat-x property and not the repeat-y property, but the layout.css file for body is not overriding that. So, to make sure that your replacement image for the body background in layout.css repeats both in x and y directions, you will need to add the CSS property into the body rule in layout.css: background-repeat: repeat; This overrides what is in common.css. Thank you very much, it work with the background-repeat: repeat;. I add the code to Body in Layout.css. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.