Product Display Page

[westcoastoffshore]

Hi I was wondering if someone could help me with some code adjustments I need to make. If you go to the page http://www.westcoastoffshore.ca/1978-CI ... 8-P13.aspxand look at the image of the boat; below it is a "More Images" link. I am trying to put a page break in front of the "More Images" link to lower it down off of the image and I am also trying to make the font one size larger and change the colour.

I am also trying to put a page break in front of the breadcrumbs above the page title as well as changing the colour of the breadcrumbs.

Thanks for any and all help.

Regards,
Don

[mazhar]

look at the image of the boat; below it is a "More Images" link. I am trying to put a page break in front of the "More Images" link to lower it down off of the image

Edit the Show Product 1 scriptlet in the content section of the Product page and locate the following line in the code

Code: Select all

[[ConLib:ProductImage ShowImage="Image"]]<br />

and make it look like

Code: Select all

[[ConLib:ProductImage ShowImage="Image"]]<br /><br />

and I am also trying to make the font one size larger and change the colour.

Edit the Show Product 1 scriptlet in the content section of the Product page and find the following line in the code

Code: Select all

<a href="#" onclick="window.open('ProductImages.aspx?ProductId=$Product.ProductId', 'productImages', 'status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=yes,scrollbars=1,height=650,width=850')">

and make it look like

Code: Select all

<a class="MoreImagesLink" href="#" onclick="window.open('ProductImages.aspx?ProductId=$Product.ProductId', 'productImages', 'status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=yes,scrollbars=1,height=650,width=850')">

and then add the following code to current themes style.css

Code: Select all

a.MoreImagesLink
{
	color:Red;
	font-size:13px;
	}

I am also trying to put a page break in front of the breadcrumbs above the page title as well as changing the colour of the breadcrumbs.

Edit the Show Product 1 scriptlet in the content section of the Product page and find the following line of code

Code: Select all

[[ConLib:CategoryBreadCrumbs HideLastNode="False"]]

and make it look like

Code: Select all

<br />[[ConLib:CategoryBreadCrumbs HideLastNode="False"]]

and then edit the style.css of the current theme and add following code to it

Code: Select all

.CategoryBreadCrumbs a{color:Red;}