new forum

terminator2k2 · 24 Sep 2011 at 19:14

hi there, im a complete novice at all this html and stuff.....but i can change things by trial and error , like images and links......

this is my new clan forum in phpbb 3 , ive done as much as i can really , and now need help if anyone is willing to help or point me in the right direction.....

the forum is @ http://doa-clan.dk/forum

As you can see , some of the text is hard to read due to being black on grey etc......i want this changeing and have been told to edit the hex colours in the style sheet.......this is a bit mind blowing for me as ive looked and done some trial and error with different things, but nothing seems to ahve changed.....

another thing is the actual forum body.....i would like this a bit darker than it is........how do i go about this?

thanks for looking and as i say any help is really appreciated......

chris

MissileMoose · 25 Sep 2011 at 02:42

Hi there,

1. Go to "Styles" > "Themes" and click edit on the active theme. I've chosen the default "prosilver".

Image for step 1.

2. Make the work space bigger by entering a number in the text box, click update (this makes it much easier to navigate within the stylesheet).

Look for the body tag at the top of the stylesheet, this is where you're going to enter in the hexadecimal colour values for the background and main text (#FFFFFF). A quick search revealed this website. Once you have chosen the colours, go ahead and make the value changes in the stylesheet. Example:

Image for step 2.

Code:

body {

          color: #000000;
          background-color: #000000;

}

3. You may also want to have a look at the different heading styles (h1, h2, h3, h4 ect). Follow the above steps to change the colours, for more advanced styling you could look for some tutorials online.

Image for step 3.

4. When you're finished and want see the changes, head over to the "General" tab and purge the cache by clicking "Run".

Image for final step.

--Edit--

Just realised that it's not the actual background colour that you want to change, I think it's the "wrap". Will update once I've found it.

--Edit 2--

Found it, this is the CSS that I think you want to change:

Code:

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 20px;
	min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
	[U]background-color: #000000;[/U]
}

I added the background colour as it wasn't present in the default theme. So search for something similar in your stylesheet, if it's not there then go ahead and copy the underlined CSS that's above and paste it in. Make sure to purge the cache after you're done to see the changes. You may also need to Ctrl + F5 to refresh if the changes aren't visible.

If you have any more questions then post away. Happy to help.

terminator2k2 · 25 Sep 2011 at 08:45

thank you very much........much appreciated......im off on holliday for a week now, so ill have a go at this as soon as i get back.......

thank you

chris

Kevin Clark · 25 Sep 2011 at 16:56

You should always download the files and edit them rather than doing it through the editor in the admin panel. Clearing the cache can wipe out all your hard work.

The editor is going to be dropped on the next development line anyway.