Jump to content
dev osCommerce
Forum
  • Checkout
  • Login
  • Contact Us
  • Get in touch

osCommerce

The e-commerce.

New Demo
Our Partners

Font sizes won't change

joannemojo

By joannemojo
in General Support

Recommended Posts

joannemojo

joannemojo

Posted
Posted

I am rather new to OSC (installed a couple of years ago but couldn't get to grips so used cubecart but now have new resolve) and am now trying to get my site sorted on it.

 

I have gone through the stylesheet.css and changed all font sizes to 10pt thinking that one of them would control the font size for the product page. It hasn't worked though. The fonts are still coming up huge. I haven't specified font sizes in the product detail as I thought the css would handle it.

 

http://spidersmusic.com/browse/product_inf...;products_id=28

 

Any idea how I can sort this out? Cheers in advance. :thumbsup:

Link to comment
Share on other sites
Guest

Guest

Posted
Posted
I am rather new to OSC (installed a couple of years ago but couldn't get to grips so used cubecart but now have new resolve) and am now trying to get my site sorted on it.

 

I have gone through the stylesheet.css and changed all font sizes to 10pt thinking that one of them would control the font size for the product page. It hasn't worked though. The fonts are still coming up huge. I haven't specified font sizes in the product detail as I thought the css would handle it.

 

http://spidersmusic.com/browse/product_inf...;products_id=28

 

Any idea how I can sort this out? Cheers in advance. :thumbsup:

 

All of your information code has a <strong> tag around them. That could be what's making everything so huge. I'm no sure whereyou have that put in, might be in your language file for this page, but I would search your files for where the <strong> tag is declared and take it out. That should fix things.

Link to comment
Share on other sites
joannemojo

joannemojo

Posted
  • Author
Posted

Thanks for your reply.

 

The <strong> tag is from the table I have used to arrange the product information.

 

Example:

<table cellspacing="0" cellpadding="3" width="95%" border="0">

<tr>

<td><strong>Artist:</strong> </td>

<td>Hanson</td>

</tr>

<tr>

<td><strong>Title:</strong> </td>

<td>Mmmbop </td>

</tr>

<tr>

<td><strong>Country of Origin:</strong> </td>

<td>UK </td>

</tr>

<tr>

<td><strong>Format:</strong> </td>

<td>5" CD Single </td>

</tr>

<tr>

<td><strong>Catalogue #:</strong> </td>

<td>574 499-2 </td>

</tr>

<tr>

<td><strong>Record Label:</strong> </td>

<td>Mercury </td>

</tr>

<tr>

<td><strong>Year of Release:</strong> </td>

<td>1997 </td>

</tr>

<tr>

<td><strong>Condition:</strong> </td>

<td>Excellent </td>

</tr>

<tr>

<td><strong>Tracklisting:</strong> </td>

<td>1. Mmmbop (single version)<br />

2. Mmmbop (album version)<br />

3. Mmmbop (dust brothers mix)<br />

4. Mmmbop (hex mix)

<div /></td>

</tr>

</table>

 

I tried removing it but it made no difference to the font size. It just got rid of the bold text.

Link to comment
Share on other sites
Guest

Guest

Posted
Posted

Sorry that didn't work, but I went back through your source code and I saw this:

 

<table cellspacing="0" cellpadding="3" width="95%" border="0" font size="1" font face="verdana">
<tr>
<td><strong>Artist:</strong> </td>
<td>Atomic Kitten</td>

 

Where you are declaring your table, why do you have font size="1" in there? You should be using your class feature of formatting instead of hard coding it. Makes things easier to change later if you are using the same kind of font and size on 1 or more files of your site

Link to comment
Share on other sites
joannemojo

joannemojo

Posted
  • Author
Posted

Hi, I removed the font size=1 bit completely from the table but nothing changed.

 

It now starts:

<p><table cellspacing="0" cellpadding="3" width="95%" border="0">
<tr>
<td><strong>Artist:</strong> </td>
<td>Atomic Kitten</td>
</tr>
<tr>
<td><strong>Title:</strong> </td>
<td>Whole Again </td>
</tr>
<tr>
<td><strong>Country of Origin:</strong> </td>
<td>UK </td>
</tr>

 

Whats the class feature of formatting? The font size and face will be the same throughout the site (every product and other info pages). I thought that by having nothing about font sie or shape on the product info would mean that the css would sort it out (again I appear to be wrong).

 

PHP is very new to me. I have avoided it as long as possible!! lol :-"

Link to comment
Share on other sites
Guest

Guest

Posted
Posted
Hi, I removed the font size=1 bit completely from the table but nothing changed.

 

It now starts:

<p><table cellspacing="0" cellpadding="3" width="95%" border="0">
<tr>
<td><strong>Artist:</strong> </td>
<td>Atomic Kitten</td>
</tr>
<tr>
<td><strong>Title:</strong> </td>
<td>Whole Again </td>
</tr>
<tr>
<td><strong>Country of Origin:</strong> </td>
<td>UK </td>
</tr>

 

Whats the class feature of formatting? The font size and face will be the same throughout the site (every product and other info pages). I thought that by having nothing about font sie or shape on the product info would mean that the css would sort it out (again I appear to be wrong).

 

PHP is very new to me. I have avoided it as long as possible!! lol :-"

 

Okay, now that you have that font taken out, try adding a class to the table. I think that the browser is going to it's default settings for your text because nothing else has been defined to tell it otherwise. I would suggest trying this:

 

<table cellspacing="0" cellpadding="3" width="95%" border="0" class="smallText">

Just to see if it will work or not.

Link to comment
Share on other sites
Guest

Guest

Posted
Posted
Thanks.

 

It's weird. That worked on the preview page in admin but nothing has changed on the actual site............ when I previewed it looked great. Small text looked perfect............

 

Glad that it worked. Good luck with the rest of your site!

Link to comment
Share on other sites
Guest

Guest

Posted
Posted
Yeah but it hasn't worked.......... :huh: It's only worked on the preview page. On the actual site the font is still big...................

 

What is the font and size defined as in your "main" field in the .css file?

Link to comment
Share on other sites
joannemojo

joannemojo

Posted
  • Author
Posted

I really don't know what to do to sort this now...........I've gone through the stylesheet.css and nothing seems wrong. Can't understand why it appears fine in preview but then is huge on the actual site..........

Link to comment
Share on other sites
Guest

Guest

Posted
Posted

At your catalog main apge.The text is is controled some in english.php, but most in index.php.The tag <strong> do not implay to size-it is <bold>.

All text is controled by styleseet.css(font size,background color and font color).At the page(your link) the fonts appear to have equal size, but the tag <strong> it is applay to left side text.The center(or right) in not bold(strong).The size look like 15,if you want to change to bigger or smaller look at your styleseet.css where is 15 and by experimenting you will find the correct one.The text look like you added in index.php what is contrloed by one of the infoboxes in styleseet.css.

I change mine and I can not remember where I did the changes.Play with them.

Link to comment
Share on other sites
joannemojo

joannemojo

Posted
  • Author
Posted

Thanks for your reply.

 

This is my stylesheet.css I had a good look through it and couldn't *for the life of me* find the larger font size. Most are set at 10pt and a couple are 12pt which I believe are the headers (product title etc) and not the actual main body of text.

 

/*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #0069D2; text-decoration: underline; }

BODY {
 background: #ffffff;
 color: #000000;
 margin: 0px;
}

A {
 color: #0069D2;
 text-decoration: none;
}

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

FORM {
display: inline;
}

TR.header {
 background: #0069D2;
}

TR.headerNavigation {
 background: #F8BF24;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #F8BF24;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #ffffff;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #0069D2;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #0069D2;
 color: #ffffff;
 font-weight: bold;
}

.infoBox {
 background: #000000;
}

.infoBoxContents {
 background: #F8BF24;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #000000;
 color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #000000;
 border-spacing: 1px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #F8BF24;
 color: #ffffff;
 font-weight: bold;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color: #0069D2;
}

A.pageResults:hover {
 color: #0069D2;
 background: #F8BF24;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #0069D2;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

Link to comment
Share on other sites
  • 2 weeks later...
joannemojo

joannemojo

Posted
  • Author
Posted

I searched that but the only 'explanation' was in german which I don't speak :unsure:

 

I've looked through my stylesheet and still can't find the problem..........anyone see whats wrong by having a quick look at the code i posted a while ago (earlier in thread)? Thanks.

Link to comment
Share on other sites
joannemojo

joannemojo

Posted
  • Author
Posted

Is it because I'm using tables in my decription. I'm not defning the font size etc in the tables so I thought it would just come under the way the product decription is set up through stylesheet.............

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...