edit text size

[eggrush]

Hi
How would i go about changing the font size for copyright and disclaimer copy on this link:

http://www.canvas-style-art.co.uk/sh...roducts_id=180

and also getting rid of the sub cat image at the top entitled A1 Size - Large


cheers
egg is getting there>>>

[gjh42]

In your stylesheet, find this

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

and separate #siteinfoLegal onto its own line:

.smallText, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}
#siteinfoLegal {font-size: 1.1em;}

[gjh42]

Description text, not footer text... ok... and too late to edit.

You have style classes applied to those sections of text now, and presumably you could style

.style9, .style11, .style12 {font-size: 0.9em}

in your stylesheet. These might not apply to other products' descriptions, however, or they might apply to other elements of the description in other products, so your best bet is to wrap a div around the whole disclaimer - copyright block and give it a class:

<div class="productFinePrint"> text text </div>

and then style that in your stylesheet:

.productFinePrint {font-size: 0.9em;}

[eggrush]

ok your moving into the world of html stuff and iam not up to scracth on that, how would i go about implementing that above glenn?

i want to get one right so i can use it as a template to copy and paste into mor products, i i only need to get one right.

[gjh42]

Examination of your page source and stylesheet shows that your editor gave "style#" classes to all the <p> elements, but didn't apply any styling to them. That is good because it means there is nothing to undo or override.

You can either add the wrapper div as described above, or replace the various style# classes with class="productFinePrint" or class="productFPhead" and class="productFPbody" if you want a distinction between the Disclaimer line and the rest of the section.

[eggrush]

i styled out that text in dreamweaver from a blank template to the way i want it and copied the code into my product description via the admin section, is there a way i can save out the style sheet its looking for from dreamweaver and add it to the cart glenn or is this long winded?

[gjh42]

A condensation of your description code in view source:

 <!--bof Product description -->
  <div id="productDescription" class="docProduct  biggerText">*</span><span class="style3">*</span><span class="style4">*<span class="style5">FREE P&amp;P TO UK MAINLAND ONLY</span>*</span><span class="style3">*</span><span class="style2">*</span></p>

    <p class="style7">Printed onto a Silk 170 gsm Photographic Poster Paper at A1 size (594 x 841 mm - 23.4 x 33.1 inch) Landscape.</p>
    <p class="style8">&nbsp;</p>
    <p class="style11">.:: Disclaimer ::.</p>
    <p class="style12">Whilst care is taken to ensure that the End design Media Ltd t/a Canvas Style Art website is as ... equally disclaimed by Canvas Style Art itself.</p>
    <p class="style9">.:: Copyright ::.</p>
    <p class="style12">2008  Canvas Style Art. All Rights Reserved. All text, images, graphics, and other materials... written permission of Canvas Style Art. </p>

    <p class="style10">© Copyright 2008 - Canvas Style Art.</div>
<!--eof Product description -->

If you want to copy this block essentially as is to all products, you can leave the "style#" classes alone (though best practice is to give classes meaningful names), and just do the work in your stylesheet (/includes/templates/your_template/css/stylesheet.css).

It is possible that generic names like style9 could be used elsewhere in your site, so you can specify that your declarations only apply to ones in the product description:

#productDescription .style9, #productDescription .style10, #productDescription .style11 {font-size: 0.9em;}

#productDescription .style12 {font-size: 0.8em;}

[gjh42]

I don't know Dreamweaver, so I can't tell you how to transfer styling from there. The comments above tell you pretty much everything you need to know about actually doing the styling - you can add as many other properties to the declarations as you want.