2021-03-24, 10:39 AM
2021-03-25, 02:41 PM
Best resource I've found for mods like these.
https://www.w3schools.com/cssref/pr_back...-image.asp
It's all in the css.
Your attached image is too small and does not blend in a repeat without looking like a bunch of boxes.
And, placed in the global css for the theme, you will need to change the background colors of other elements to allow the background to show through.
As you make changes to test the progression of your efforts, don't forget to clear browser cache as necessary.
Use your browser's developer tools option to see what elements are drawing from what css.
https://www.w3schools.com/cssref/pr_back...-image.asp
It's all in the css.
Your attached image is too small and does not blend in a repeat without looking like a bunch of boxes.
And, placed in the global css for the theme, you will need to change the background colors of other elements to allow the background to show through.
As you make changes to test the progression of your efforts, don't forget to clear browser cache as necessary.
Use your browser's developer tools option to see what elements are drawing from what css.
2021-03-25, 03:59 PM
haven't looked at the free vers of revo in a good while and while it is for 1817 and outdated and I haven't planned on looking at it again, nor do I have any free time this morning currently but I can simply provide a quick suggestion without actually looking at the theme live is that you will most likely want to start editing these two areas in your global.css:
but that bg image you have is not going to cut it at all at that size tiled.... as HLF already stated...
Best of luck!
body {
background: #171b1d url(images/revolution/bg.png) repeat;
color: #ccc;
text-align: center;
line-height: 1.4;
margin: 0;
overflow-y: scroll;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
#content {
background: #151515;
width: auto !important;
color: #ccc;
padding: 10px 10px;
overflow: hidden;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #232323 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
-moz-box-shadow: 0 5px 25px #0d0d0d;
-webkit-box-shadow: 0 5px 25px#0d0d0d;
box-shadow: 0 5px 25px #0d0d0d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}but that bg image you have is not going to cut it at all at that size tiled.... as HLF already stated...
Best of luck!