How to set a different sides' color in prosilver?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
fifahub
Registered User
Posts: 150
Joined: Mon Oct 29, 2012 12:05 pm

How to set a different sides' color in prosilver?

Post by fifahub »

Hi, my board has the prosilver style. This style has the white background color only. I want to set a color for the board's sides and each other for the board background, like in this board:
http://www.flying-bits.org/index.php
Thanks for the help.
User avatar
PlanetStyles.net
Former Team Member
Posts: 4632
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: How to set a different sides' color in prosilver?

Post by PlanetStyles.net »

Hi :)

You can achieve this by opening: /styles/prosilver/theme/colours.css

Find:

Code: Select all

html, body {
	color: #536482;
	background-color: #FFFFFF;
}
Replace with:

Code: Select all

html, body {
	color: #536482;
	background-color: #E7E7E7;
}
Open: /styles/prosilver/theme/common.css

Find:

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
}
Replace with:

Code: Select all

#wrap {
	padding: 10px;
	min-width: 650px;
	background: #ffffff;
	border: 1px solid #A0A0A0;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	width: 1000px;
	margin: 0 auto;
	box-shadow: 0 0 2px #aaaaaa;
}
Remember to refresh your board's theme cache after making the edit. :)
🚀 Premium phpBB StylesPremium phpBB 3.3 StylesphpBB sidebar Extension
Previously known as Christian 2.0
fifahub
Registered User
Posts: 150
Joined: Mon Oct 29, 2012 12:05 pm

Re: How to set a different sides' color in prosilver?

Post by fifahub »

It works fine, thank you very much!
wbxpress
Registered User
Posts: 150
Joined: Wed Mar 21, 2012 1:29 pm
Contact:

Re: How to set a different sides' color in prosilver?

Post by wbxpress »

It worked like a charm. :D

I need further help to reduce the white space of left and right side of the page.
User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: How to set a different sides' color in prosilver?

Post by Jessica »

wbxpress wrote:It worked like a charm. :D

I need further help to reduce the white space of left and right side of the page.
what I did was increase the width: 1000px;.
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein
wbxpress
Registered User
Posts: 150
Joined: Wed Mar 21, 2012 1:29 pm
Contact:

Re: How to set a different sides' color in prosilver?

Post by wbxpress »

It is solved now. :D

Actually I had made a mistake. Now it is very good.
Locked

Return to “[3.0.x] Styles Support & Discussion”