Apply a textured back ground in Buildr (Revision2)

ssartjb

This question applies to internal article pages using the "Revision2" style of Buildr

How can I apply the textured background in the footer and bottom row modules to the entire page background so that it appears along the side of the main content.

Right now I am using this Custom CSS to add a beige color to the page background.

html > body {
background: #c9c5bc !important;
}

I would like t to tile the image here using some CSS code something like this to tile the textured image vertically and horizontally. The code I tried didn't work. background-image: url(../images/site/bedge_grunge.jpg)

Thank you
Sharon

saguaros

Hi Sharon,

I'm not entirely sure of what it should be here, could you illustrate the modification you expect via screenshot?

ssartjb

saguaros

I am not certain that I can improve on the screenshot I have already attached. Let me try to explain. I am applying a textured background to the footer and the bottom row. I would like to apply the textured background to the main page so that it would appear besides the main content along the side whee there currently is only a plain beige color. The textured background is being created by this image ../images/site/bedge_grunge.jpg.

Currently the beige background is being created by some custom CSS:

html > body {
background: #c9c5bc !important;
}

I would like to change this custom CSS to apply th image in the same way it is currently being applied to the two module rows ( footer and bottom).

Thank you
Sharon

ssartjb

I found that this style added to the custom CSS file can apply a beige background. I tried to create a similar custom CSS style to apply the background image using code like this

body {
background-image: url(../images/site/bedge_grunge.jpg)
background-repeat: repeat-x;
background-repeat: repeat-y;
}
using an example from w3schools.com. The code did not work.
I tried adding the image URL directly in Buildr and that also did not work.

It seems to me that this should be simple to achieve in custom CSS if my syntax is correct.

ssartjb

Would you recommend that I try remaking the article pages in Buildr's backgrounder template style? Or can an image be applied to the background as easily as a color through custom CSS?

I look forward to your reply. Thank you.
Sharon

aman204

ssartjb Or can an image be applied to the background as easily as a color through custom CSS?

You can try change this in custom.css file to get the result as envisaged:

html > body {background: #c9c5bc !important;}

html > body {background: #c9c5bc url('../../../images/site/bedge_grunge.jpg') !important;}

Kindly ensure to clear your browser cache if changes dont reflect

ssartjb

Thank you very much. I try this and get back to you to let you know if it worked.

Sharon

ssartjb

Thank you. The code worked.
- Sharon