Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

[idtags]

Hello,

I am trying to find where is control of product description font size?

https://www.idtagsonline.com/test/in...roducts_id=142

Or this should be done via CKeditor for each product separatly?

I can not isolate using "Inspect element" tool where to change just product description font.
Anything I try is changing fonts of other sections of the page.

Thank you for suggestion in advance.

[swguy]

To figure things like this out, download Chrome (if you don't have it), select a block of text in the description, right click and choose Inspect. It will open a window that will show you this element. You'll see #productDescription is set in stylesheet.css line 356.

[dbltoe]

Actually you are controlling the font size. You have insert css styling into your product description as such:

<p align="justify">
<font face="verdana,arial,helvetica,sans-serif"><font color="#000000"><font size="1"><strong>Medical ID Bracelet</strong>, IDB39 (size 1-3/4&quot; x 1/2&quot;), is made from non allergic Stainless Steel and is hand polished to the mirror finish. It is guaranteed to be rust free for the life. Raised medical emblem is located on the left side of the plate to allow additional engraving on the front. The enameled medical logo, which is attached to the plate, come in either <strong><font color="#ff0000">red,</font></strong><font color="#000099"><strong>blue</strong></font> or <font color="#ff00cc"><strong>pink</strong></font> colors. <br /><br /><font face="verdana,arial,helvetica,sans-serif"><font color="#000000"><font size="1"><font size="1"><span style="COLOR: black; mso-bidi-font-size: 10.0pt">The bracelet tag is slightly curved for wrist wear. <br /><br /><span style="COLOR: black; mso-bidi-font-size: 10.0pt">It is featured regular (3/16&quot; or 5 mm) curb chain with sister hook or lobster clasp.</span></span></font></font></font></font></font></font></font><font face="verdana,arial,helvetica,sans-serif"><font color="#000000"><font size="1"><font face="verdana,arial,helvetica,sans-serif"><font color="#000000"><font size="1"><font size="1"><span style="COLOR: black; mso-bidi-font-size: 10.0pt"><br /></span></font></font></font></font><font color="#000000" face="verdana,arial,helvetica,sans-serif"><font size="1"><br /></font></font><font color="#000000" face="verdana,arial,helvetica,sans-serif"><span style="FONT-SIZE: 10pt; mso-bidi-font-size: 12.0pt"><font size="1">We can engrave 4 lines (14 Characters Max. in each line) on the front side and 4 lines (20 Characters Max. in each line) on the backside of personal or medical information on the tag. If you would like to engrave just backside, leave front side fields empty.<br /></font></span></font><font size="1"><span style="COLOR: black; mso-bidi-font-size: 10.0pt"><br /></span></font></font></font></font><font color="#000000" face="verdana,arial,helvetica,sans-serif"><font size="1">Please choose correct length of the chain.<br />If you are not sure about right length, please refer to suggested document<strong>: </strong>&quot;</font><a title="How to choose appropriate length of the Medical ID Bracelet" href="http://www.idtagsonline.com/bracelets_length.htm" target="_blank"><font size="1">How to choose appropriate length of the Medical ID Bracelet</font></a><font size="1">&quot;<br /><br /></font></font><font color="#000000" face="verdana,arial,helvetica,sans-serif"><font color="#800080" size="1" face="verdana,arial,helvetica,sans-serif"><u><a title="Medical ID bracelets." href="http://idtagsonline.com/" target="_blank">Thanks for visiting idtagsonline.com store.</a></u></font></font></p>

Right off the bat, you're telling it to use a font size of 1. First of all, it would be better if you left it out and controlled it in the stylesheet (stylesheet.css line 27). I would have broken it out better for display, but it's very confusing code. This often happens when you try several times to change the font or color without doing so in Source mode.

You have nested fonts, most of which are incorrect. Then there's the fact that, somewhere else there's a font-size:x-small being carried over into the description div.

You also have a <u> with no <li>

How about doing this:
If you don't have ckeditor installed, do so. Great editing tool
With it installed, go to the product in question and click on the Source button.
Delete all the text in the description
Add the following code while the Source button is still highlighted:

<p align="justify"><strong>Medical ID Bracelet</strong>, IDB39 (size 1-3/4&quot; x 1/2&quot;), is made from non allergic Stainless Steel and is hand polished to the mirror finish. It is guaranteed to be rust free for the life. Raised medical emblem is located on the left side of the plate to allow additional engraving on the front. The enameled medical logo, which is attached to the plate, come in either <strong><font color="#ff0000">red</font></strong>, <font color="#000099"><strong>blue</strong></font> or <font color="#ff00cc"><strong>pink</strong></font> colors.</p><p>The bracelet tag is slightly curved for wrist wear.</p>
<p>It is featured regular (3/16&quot; or 5 mm) curb chain with sister hook or lobster clasp.</p>
<p>We can engrave 4 lines (14 Characters Max. in each line) on the front side and 4 lines (20 Characters Max. in each line) on the backside of personal or medical information on the tag. If you would like to engrave just backside, leave the front side fields empty.</p>
<p>Please choose correct length of the chain.<br />
If you are not sure about right length, please refer to suggested document:<br />
<a href="https://www.idtagsonline.com/bracelets_length.htm" target="_blank" title="How to choose appropriate length of the Medical ID Bracelet">How to choose appropriate length of the Medical ID Bracelet</a><br />
<br />
<a href="https://idtagsonline.com/" target="_blank" title="Medical ID bracelets.">Thanks for visiting idtagsonline.com store.</a></p>

Click again on the Source button to reveal the resultant html.

Hopefully that fixes it all. Still concerned about where the x-small is coming from.

[dbltoe]

To figure things like this out, download Chrome (if you don't have it), select a block of text in the description, right click and choose Inspect. It will open a window that will show you this element. You'll see #productDescription is set in stylesheet.css line 356.

Chrome is good for finding these things. However, line 356 is alignment, float, width, and padding. The actual size in an unaltered stylesheet.css is defined under .biggerText around line 27 or 28.

The real kicker is where that x-small font size is coming from.

[idtags]

I, appreciate your advise, though it will take me time to digest it.

Just would like to say that I did not insert any code except it was suggested to me by forum:

In very beginning of /public_html/test/includes/templates/your_template/css/stylesheet.css

body {
margin:0em;
padding:0em;
border:0;
background:#fff;
color:#333;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:0.9em;

All other codes are results of migration to new updates since 2005.
Major "drama' was conversion to responsive template. I also had to convert database to UTF8 to eliminate funny characters.

Again, I did not add myself anything else.

I do have CKeditor and it works if I change font size, but I need then to do it in all gazillion products.
This, also can be done.

I, am also, puzzled with the source of this line:

font[Attributes Style] {font-size: x-small;}

Could not find the word x-small in any css.

Will keep working on it.

[swguy]

x-small is computed by your browser. If you want to set an explicit size, you can do so, of course.

[dbltoe]

Just would like to say that I did not insert any code except it was suggested to me by forum:

I was referring to all the font calls in the product description.
Those are better left to the stylesheet to control.

[rlexyd]

Hi,
I have a fresh 1.5.5f install and using the amazing responsive_classic template with Image Handler 5 and Fual Slimbox installed.
I have been trying to Enlarge the SMALL images displaying on the What's New products on the main page in the centre column NOT sidebox, am I missing something?

Hope someone can help as I've given up as I'm sure it used to be in the Images section?!

[linuxguy2]

Classic Responsive Template in landscape mode on iPhone6s ( and iPhone5) switches to two columns but runs off the bottom of the display rendering it useless. Should be able to remedy this in css but how??

Should one not be able to narrow a window on a browser and have it "Jump" from 4 to 2 columns without all the display contortions in between?

Test Site With The only mod installed is the Column Grid Layout.
http://pcsnnets.com/tp18

Any suggestions are welcome.

[dbltoe]

Looks like you got it going. Please be sure to share your resolution with others.