How do I change GuMax background color?

Use this forum to ask questions about how to do things in GuMax skin.
User avatar
Admin
Site Admin
Site Admin
Posts: 2
Joined: October 20th, 2007, 12:43 pm

How do I change GuMax background color?

Post by Admin »

Open file gumax_template.css, and then find tag body, change the background value to your desired color or image file.
User avatar
tdiaz
Rank 0
Rank 0
Posts: 1
Joined: October 25th, 2007, 3:44 am

Re: How do I change GuMax background color?

Post by tdiaz »

If this is the one you mean ...

Code: Select all

    body {
        font-size: 11px;
        margin: 0; padding: 0;
        min-width: 740px;
	    background: #000: url('/wiki/skins/gumax/images/comp.jpg');
		background-repeat: repeat;
    }
I tried it with and without single quotes 'on the pathname', no dice ...

http://apple2.info - http://apple2.info/wiki
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: How do I change GuMax background color?

Post by Paul »

There is a syntax error in your modification:

Try this:

Code: Select all

background: #000 url('images/comp.jpg');
Let me know if it works.
User avatar
Derek
Rank 0
Rank 0
Posts: 2
Joined: November 1st, 2007, 5:23 pm

Re: How do I change GuMax background color?

Post by Derek »

Hi Paul

I'm trying to get the 3.2.1 skin to work at http://www.ebi.com.au/wiki and I can't seem to alter the mustard yellow colour on the background of the page.

I've changed the entry in the gumax-template.css that was noted above but it doesn't seem to make any difference.

I'm a bit of a newbie when it comes to this kind of stuff - is there something I'm missing?

In my case, the code reads:
body {
font-size: 11px
margin: 0; padding: 0;
min-width: 740px;
background: #000;
}

Any assistance would be greatly appreciated.

Cheers
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: How do I change GuMax background color?

Post by Paul »

For GuMax 3.2.1, you need to open file gumax_orange.css, which is located under folder styles.
User avatar
Derek
Rank 0
Rank 0
Posts: 2
Joined: November 1st, 2007, 5:23 pm

Re: How do I change GuMax background color?

Post by Derek »

Thanks, Paul. Much appreciated.
User avatar
Kiranax
Rank 0
Rank 0
Posts: 3
Joined: January 4th, 2008, 5:02 pm

Re: How do I change GuMax background color?

Post by Kiranax »

I have the same question, but I'm using GuMax 3.1, and I would like to add a repeating image to the background (where the white is in the skin). I tried a few things, but none of them worked.

I'm trying to add a stripped background similar to my main site (http://www.7sideddice.com). Any suggestions?

I have tried adding the code to the gumax_template.css file as suggested in this forum:

Code: Select all

    body {
        font-size: 11px;
        margin: 0; padding: 0;
        min-width:  875px;
        background: #000 url('images/bg.jpg');
        background-repeat: repeat;
        }
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: How do I change GuMax background color?

Post by Paul »

Yes, that will change the page background

Do you mean changing the content background as well?
User avatar
Kiranax
Rank 0
Rank 0
Posts: 3
Joined: January 4th, 2008, 5:02 pm

Re: How do I change GuMax background color?

Post by Kiranax »

No, just the page background. But even putting that in the css code, the background does not show up. Here is the code that I have:

Code: Select all

body {
        font-size: 11px;
        margin: 0; padding: 0;
        min-width:  875px;
        background: #000 url('images/bg.jpg');
        background-repeat: repeat;
        }
....

   body, #gumax-page-footer {
        background: #6E6E6E;
        /* background: url('images/cbg.jpg') repeat; /* body background */
        }
    #gumax-header {
        background: #000 url('images/gumaxcomheader.jpg') center 25px no-repeat ; /* header background */
        }
    #gumax-page {
        background: #6E6E6E;
        /* background: url('images/bg.jpg') center top repeat-y; /* page side background */
        }
    #gumax-page-actions {
        background: #6E6E6E;
        /* background: url('images/bg.jpg') center bottom no-repeat; /* footer background */
        padding-bottom: 8px; /* 20px for page shadow width */
        margin: 0 auto;
        }
I'd like for bg.jpg to show up as the background in repeating pattern, but no matter what I try, I can't seem to get the image to show up.

Thanks for the quick reply earlier. ^_^
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: How do I change GuMax background color?

Post by Paul »

So that should work, did you put the image in right location?
Post Reply