Need help to change Color - How to find out hex?

yyyk9 Peon

Messages:: 670

Likes Received:: 52

Best Answers:: 0

Trophy Points:: 0

#1

My site

I want to change the pink to a cyan color.

/*
	* Body Color: 
	* Page Color: 
	* Content Color: 
	* Sidebar Color: 
	* Base BANS Theme: layout-1-both
*/


h1#title, h1#title a, h1#title a:hover { 
	font-size: 26px;
	letter-spacing: -1.5px;
	font-weight: bold;
	padding: 140px 10px 10px 12px;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	}

#page { 
	background-color: #333333;
	margin: 0;
	padding: 10px;
	width: 782px;
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
	display: block;
	}

#header { 
	margin: 0;
	padding: 0;
	height: 180px;
	width: 780px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	}

.headerimg { 
	margin: 0;
	background: url('images/logo.jpg') no-repeat;
	height: 180px;
	width: 780px;
	}

body#background { 
	background-color: #666666;
	background: url('images/gradient.jpg') repeat-x #666666;
	}

body { 
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
	}

#content { 
	width: 572px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffffee;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	text-align: left;
	}

#content p { 
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

#content h1 { 
	font-size: 1.6em;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #000000;
	}

.narrowcolumn { 
	padding: 0;
	margin: 0 0 0 0;
	width: 100% auto;
	float: left;
	}

#footer { 
	width: 780px;
	height: 30px;
	clear: both;
	background-color: #ffffee;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	}

#footer a { 
	color: #bd2740;
	text-decoration: underline;
	}

#footer a:hover { 
	color: #000000;
	text-decoration: underline;
	}

#footer p { 
	font: 1.1em Arial, Helvetica, Sans-serif;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	text-align: right;
	color: #000000;
	}

#products { 
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-style: solid;
	border-color: #dddddd;
	}

#products td { 
	padding: 5px;
	border-bottom: dotted 1px #000000;
	}

tr.row0 { 
	background-color: #ffffee;
	}

tr.row0:hover { 
 	}

tr.row1 { 
	background-color: #ffffff;
	}

tr.row1:hover { 
 	}

.itemname A { 
	font-size: 10pt;
	font-family: Arial;
	color: #bd2740;
	text-decoration: underline;
	}

.itemname a:hover { 
	font-size: 10pt;
	font-family: Arial;
	color: #666666;
	text-decoration: none;
	}

.itemname a:visited { 
	font-size: 10pt;
	font-family: Arial;
	color: #ae0000;
	text-decoration: none;
	}

.bids { 
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	}

.price { 
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	color: #333333;
	}

.buyprice { 
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	}

.time { 
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	color: #ff0000;
	}

.producttext { 
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial;
	color: #333333;
	}

a img { 
	border: 1px;
	border-color: #333333;
	}

#navigation ul { 
	text-align: left;
	font-size: 12px;
	padding-left: 5px;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
	}

#navigation li { 
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	}

#navigation a { 
	color: #0000cc;
	text-decoration: underline;
	}

#viewmore { 
	text-align: right;
	background-color: transparent;
	}

#viewmore a { 
	font-size: 10pt;
	font-family: Arial;
	color: #0000ff;
	}

#sortbox { 
	width: 100%;
	background-color: ;
	border: 0;
	border-style: solid;
	border-color: #dddddd;
	}

#ebaylogo { 
	width: 70px;
	float: left;
	padding: 0;
	}

#sortby { 
	text-align: right;
	margin-top: 20px;
	}

#sortby select { 
	width: 200px;
	}

#search { 
	padding: 12px;
	margin-top: 10px;
	background-color: #bd2740;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	text-align: left;
	}

#search a { 
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	}

#search a:hover { 
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	}

.searchform { 
	padding: 0;
	margin: 0;
	width: 390px;
	}

#searchsubmit { 
	padding: 2px;
	}

#search select { 
	width: 147px;
	}

#sidebar { 
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	float: right;
	width: 175px;
	background-color: #ffffee;
	text-align: left;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	}

#sidebar h2 { 
	padding: 6px;
	margin: 0;
	display: block;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	display: block;
	text-decoration: none;
	background-color: #bd2740;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	}

#sidebar ul { 
	padding: 0;
	margin: 0;
	padding-bottom: 0;
	}

#sidebar ul li { 
	display: block;
	}

#sidebar ul li a { 
	background-color: #ffffff;
	padding: 3px;
	margin: 0;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	border-bottom: solid 1px #666666;
	}

#sidebar ul li a:hover { 
	background-color: #bd2740;
	padding: 3px;
	margin: 0;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	border-bottom: solid 1px #666666;
	}

#selected { 
	padding: 3px;
	dislay: block;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: #000000;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	border-bottom: solid 1px #000000;
	}

#sidebarright { 
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	float: right;
	width: 175px;
	background-color: #ffffee;
	text-align: left;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	visibility: hidden;
	}

#sidebarright h2 { 
	padding: 6px;
	margin: 0;
	display: block;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	display: block;
	text-decoration: none;
	background-color: #bd2740;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	}

#sidebarright ul { 
	padding: 0;
	margin: 0;
	padding-bottom: 0;
	}

#sidebarright ul li { 
	display: block;
	}

#sidebarright ul li a { 
	background-color: #ffffee;
	padding: 3px;
	margin: 0;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	border-bottom: solid 1px #666666;
	}

#sidebarright ul li a:hover { 
	background-color: #bd2740;
	padding: 3px;
	margin: 0;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-style: solid;
	border-color: #dddddd;
	border-width: 0;
	border-bottom: solid 1px #666666;
	}

h1 { 
	padding-top: 0;
	margin: 0;
	}

h2 { 
	padding-top: 0;
	margin: 0;
	font-size: 1.6em;
	}

h3 { 
	font-weight: none;
	padding-top: 0;
	padding-bottom: 5px;
	margin: 0;
	font-size: 1.3em;
	}

hr { 
	display: none;
	}

* { 
	margin: 0;
	padding: 0;
	}

#content a { 
	color: #bd2740;
	}

#viewmore a:hover { 
	color: #000000;
	}

#navigation a:hover { 
	color: #000000;
	}

#sidebar ul li a.stripe { 
	background-color: #efefef;
	background-color: #efefef;
	}

#sidebar ul li a:hover.stripe { 
	background-color: #bd2740;
	background-color: #bd2740;
	}

#sidebarright ul li a.stripe { 
	background-color: #efefef;
	background-color: #efefef;
	}

#sidebarright ul li a:hover.stripe { 
	background-color: #bd2740;
	background-color: #bd2740;
	}

#credits { 
	text-align: center;
	font-size: 10px;
	color: #ffffee;
	}

#credits a { 
	color: #ffffee;
	}

#content a:hover { 
	text-decoration: none;
	}

#topmenu { 
	}

#topmenu ul { 
	}

#topmenu ul li { 
	}

#topmenu ul li a { 
	}

#topmenu ul li a:hover { 
	}

Code (markup):

What should I change and how do I find out the Hex number for a color I want?

yyyk9, May 14, 2008 IP

Dondon2d Peon

Messages:: 3,193

Likes Received:: 146

Best Answers:: 0

Trophy Points:: 0

#2

Do you have Photoshop? Use the Color Finder/Eyedropper Tool.

Dondon2d, May 14, 2008 IP

sumitt_2004 Peon

Messages:: 154

Likes Received:: 2

Best Answers:: 0

Trophy Points:: 0

#3

#bd2740 this is the Pink Color. Now you can change it in Cyan.

sumitt_2004, May 14, 2008 IP

Stomme poes Peon

Messages:: 3,195

Likes Received:: 136

Best Answers:: 0

Trophy Points:: 0

#4

I use GIMP to find the hex codes of all the non-primary colours. Almost every image-editing software can show colours in hex. Some of them call it "HTML code" instead.

Stomme poes, May 14, 2008 IP

kolgames Active Member

Messages:: 667

Likes Received:: 8

Best Answers:: 0

Trophy Points:: 60

#5

lol go to this link: http://w3schools.com/css/css_colornames.asp

For anything you need concerning websites, go to w3schools.com

kolgames, May 14, 2008 IP

DaveLLoyd Member

Messages:: 7

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 36

#6

Change all instances of #bd2740; to something like #00ffff

Hope that helps!

DaveLLoyd, May 15, 2008 IP

Log in or Sign up