Inferno_20a Adding Custom Background Image to index.css

Started by vmstek, March 04, 2016, 10:52:47 AM

Previous topic - Next topic

vmstek

I want to add a repeatable background image to the Simple Portal Custom HTML Block I have added to my site  http://totas.ca [nofollow] for rotating photos.
Thought I could just edit the index.css and add

.windowbg4
{
   background-image: url("../images/2.png");
   background-repeat: repeat-x;
}

but it does not appear in the Default Body Class drop down in the Style Options
Adding windowbg4 to the Custom Body Class has no affect either.

What have I missed here?  edit: I think I found one error...now it is appearing when entered into Custom Body Class

vmstek

well it was working...then I replaced the image with a smaller version, and even though it looks correct in the preview, it does not show on the main page.
Switched image back, but same result...shows up in preview but not on main page after saving.

vmstek

Well now I am totally lost...
I added the .windowbg4 section to the index.css, entered .windowbg4 in the block Custom Body Class, and no effect
It is blank, as it the Default Body Class windowbg3 is over-top of it. But the index.css preview is correct...go figure?


.windowbg3
{
   background-color: #cacdd3;
}
.windowbg4
{
   background-image: url("../images/4040ta.png");
   background-repeat: repeat;
}
/* the page navigation area */

vmstek

Started over from scratch..and it likes me again :)

....almost as fun as replacing a DOCSIS CMTS for 1000 nodes....

Advertisement: