Removing Grain.png from the style sheet « Support Forum | Kriesi.at

Support Forum » Shoutbox

Removing Grain.png from the style sheet

2 posts from 2 voices

Started 4 months ago by Artifactual
Latest reply from Devin
This topic is not a support question

Tags:

Artifactual
Member

I posted this last week but the solution you gave didnt work, attaching the previous thread details below. The solution was for getting rid of the grain.png from the sub menu i wanna get rid of it from the background

How to remove grain.png line from the css, i checked and couldn't locate it. Also where can i remove the dark grey background color that shoutbox theme loads up before the actual background color kicks in
Posted 5 days ago #

Dude
Administrator
Hi!
You can find the code in shoutbox/css/minimal-skin.css. You can remove the grain background image with following code (add it to css/custom.css):
html, .submenu{background: #222; }

Posted 4 months ago #
Devin
Moderator
Hi Artifactual,

If you just want to remove it you can go into the minimal-skin.css file and look for:
```
.submenu{
background: #222 url(../images/shared/grain.png) repeat 0 0;
border-bottom:7px solid #f1f1f1;
}
```
Change it to:
```
.submenu{
background: #222;
border-bottom:7px solid #f1f1f1;
}
```
The same for the main html background:
```
html{background: #222 url(../images/shared/grain.png) repeat 0 0; }
```
to
html{background: #222 }

Dude's code should have overwritten the skin's code and done this without modifying the theme but if you want to force it, this is how to do it. If you are using a different skin, it will be in that skin file in the themes css folder (just as the custom.css file and minimal-skin.css files are).

The dark gray color is added to the background with the html{background: #222 above, if you wanted to change it you would just change that bit of css as well.

Regards,

Devin
Posted 4 months ago #