Text box and Horizontal Line

[fancyshmancy]

Hi all - I am using "Other info" for additional information, but i would like to have text inside the text box, to guide the customer.

colour:
Length:
size:
shape:

So that the customer can add the required information in an orderly fashion. I know I can add the other info question, but there is too much information needed.

2nd question, the horizontal line separating each product - I want to change the colour and thickness.

[wjcampbe]

<textarea rows=12 cols=70><br />Colour<br />Length<br />Size<br />Shape<br /></textarea>

Act_SectionSeparator.html change the size from 1 to 2 and add a color="#nnnnnn" where nnnnnnn=colour code 000000 = black ff0000 = red etc.

[fancyshmancy]

Hi , this is what my template looks like [ Act_SectionSeparator.html ] where do i add the colour info. Sorry - too many questions - I have tried a few options, doesnt seem to be working.

<!-- SectionSeparator HTML begin -->
<!-- This template specifies the section separators -->

<HR SIZE="1" ALIGN="CENTER" WIDTH="CUSTOMVAR:ACTSTDWIDTH">

<!-- This template specifies the section separators -->
<!-- SectionSeparator HTML end -->

[wjcampbe]

<hr Size="2" Align="center" Color="#ff0000" Width="customvar:actstdwidth">

[fancyshmancy]

Cheers Bill, I will try this.

[fancyshmancy]

I have tried, but its not working. still appears in a greyish colour.

[wjcampbe]

Hmmm, it is being overridden by the css code. Open actinic.css and look for

hr { color:NETQUOTEVAR:FGCOLORCSS;}

and change the FGCOLORCSS to the colour code you want to show.

[fancyshmancy]

There is no hr in the actinic.css file

/*cope with inheritance bugs*/
body, table, th, td{
color:NETQUOTEVAR:FGCOLORCSS;
font-size:10px;
font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
}

/*body specific*/
body{
NETQUOTEVAR:BODYBACKGROUND;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

form{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

a:link{
color:NETQUOTEVAR:LINKCOLORCSS;
font-size:10px;
text-decoration:none;
}

a:visited{
color:NETQUOTEVAR:VLINKCOLORCSS;
font-size:10px;
text-decoration:none;
}

a:hover{
color:NETQUOTEVAR:HLINKCOLORCSS;
font-size:10px;
text-decoration:underline;
}

a:active{
color:NETQUOTEVAR:ALINKCOLORCSS;
font-size:10px;
text-decoration:none;
}

a.boxlink:link{
color:NETQUOTEVAR:PALBGCSS;
font-size:10px;
text-decoration:none;
}

a.boxlink:visited{
color:NETQUOTEVAR:PALBGCSS;
font-size:10px;
text-decoration:none;
}

a.boxlink:hover{
color:NETQUOTEVAR:FGCOLORCSS;
font-size:10px;
text-decoration:underline;
}

a.boxlink:active{
color:NETQUOTEVAR:FGCOLORCSS;
font-size:10px;
text-decoration:none;
}

li{
color:NETQUOTEVAR:FGCOLORCSS;
list-style-type:square;
}

ol{
color:NETQUOTEVAR:FGCOLORCSS;
}

ul{
color:NETQUOTEVAR:FGCOLORCSS;
list-style-type:square;
}

H1, H2, H4, H5, H6 {
font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
}

H3{
font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
font-size:12px
}

.actCHECKOUTEM {background-color:NETQUOTEVAR:CHECKOUTEMCSS;}
.actCHECKOUTBG {background-color:NETQUOTEVAR:CHECKOUTBGCSS;}

.actlarger{
	font-size: larger;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actsmaller{
	font-size: smaller;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actxxsmall{
	font-size:9px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actxsmall{
	font-size:10px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actsmall{
	font-size:10px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actregular{
	font-size:12px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actlarge{
	font-size:14px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actxlarge{
	font-size:16px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actxxlarge{
	font-size:18px;
	color:NETQUOTEVAR:FGCOLORCSS;
}

.actwarningcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actrequiredcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actsearchhighlightcolor{color:NETQUOTEVAR:SEARCHHIGHLIGHTCOLORCSS;}
.actrequired{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actwarning{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
.actwelcome{color:NETQUOTEVAR:FGCOLORCSS;}

.actlogotext {font-family:CUSTOMVAR:ACTCSSFONTFAMILY; font-size: x-small; color: #D9090E; font-style: normal; font-weight: bold; text-align: center}
.actlogout{font-size:10px;}

.thinborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: NETQUOTEVAR:PALCOLOR3CSS;
	border-right-color: NETQUOTEVAR:PALCOLOR3CSS;
	border-bottom-color: NETQUOTEVAR:PALCOLOR3CSS;
	border-left-color: NETQUOTEVAR:PALCOLOR3CSS;
}

.thinred {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: NETQUOTEVAR:PALCOLOR1CSS;
	border-right-color: NETQUOTEVAR:PALCOLOR1CSS;
	border-bottom-color: NETQUOTEVAR:PALCOLOR1CSS;
	border-left-color: NETQUOTEVAR:PALCOLOR1CSS;
}

.thinred2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: NETQUOTEVAR:PALCOLOR2CSS;
	border-right-color: NETQUOTEVAR:PALCOLOR2CSS;
	border-bottom-color: NETQUOTEVAR:PALCOLOR2CSS;
	border-left-color: NETQUOTEVAR:PALCOLOR2CSS;
}

.actsmallheading {
	font-size:10px;
	color:NETQUOTEVAR:PALBGCSS;
	font-family: CUSTOMVAR:ACTCSSFONTFAMILY;
	text-transform: uppercase;
}

td.boxheader {
	background-color:NETQUOTEVAR:PALCOLOR2CSS;
}

[wjcampbe]

There is in mine

Suggest you add it

hr { color: #FF0000; /* produces a red line - 
change code to colour required */
}

[jont]

You may be as well adding in the other attributes into the CSS rather than having them inline - this will make it much easier to change the attributes at a later stage

[fancyshmancy]

CHEERS! Worked like MAGIC