Welcome! To use this support forum, please Login or Join Today!

   

Font Size- Featured Product

{name}
Rank

Total Posts: 10

Joined 2011-08-17

PM

 

Looking at The Big Introduction http://demos.simplethemes.com/presstige/content-templates/template-2

What is the overall text font size on The Big Introduction - not the bold text… what is the name of the font used?

Is the overall text font size on The Big Introduction, The same overall text font size, and font type on Featured Product:
http://demos.simplethemes.com/presstige/content-templates/template-1


I would like to make the text font size one or two times bigger on Featured Product List Heading text under the List Heading titles.

Can the font be made bigger in css.7 if so please share details on where in css.7- I would think it’s in there- didn’t locate where?

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Also on Featured Product page, I would like to change the star images to a different image that’s the same size. But not in the visual/html ...where- how do we replace all the star images?

Featured Product:
http://demos.simplethemes.com/presstige/content-templates/template-1


Thanks…

{name}
RankRankRankRank

Total Posts: 3065

Joined 2011-04-27

PM

 

The font used is Droid Serif.

These are h1,h2, and h3 tags which are specified in your style{x}.css (style7.css?)

/* Headings */

h1 {
 font-size: 2.25em;
 color: #1a1605;
 border-bottom: 1px solid #ebe7e2;
 font-weight: bold;
 padding-bottom: 10px;
 margin:20px 0 10px 0;
 letter-spacing: -1px;
}

h2 {
 color: #505050;
 font-size: 2.25em;
 line-height: 1.15;
 margin:.357em 0 .357em 0;
 font-weight: normal;
 font-style: normal;
}

h3 {
 color: #3e7cac;
 font-size: 1.75em;
 line-height: 1.2;
 margin:.476em 0 .2em 0;
 padding: 0 0 8px 0;
 border-bottom: 1px solid #ebe7e2;
 text-shadow: #fff 1px 1px 0px;
 font-weight: normal;
 font-style: normal;
}

 

{name}
Rank

Total Posts: 10

Joined 2011-08-17

PM

 

I would like to make the text font size one or two times bigger on Featured Product List Heading text under the List Heading titles.

Is the Featured Product List Heading text under the List Heading titles font-size: 2.25em; font-size: 2.25em; or font-size: 1.75em;

Do you have a font size chart? It does not show make font size 10, 12, 14 etc. only shows font-size: 2.25em etc


h1 { font-size: 2.25em;

h2 font-size: 2.25em;

h3 font-size: 1.75em;


Can you answer this question….

Also on Featured Product page, I would like to change the star images to a different image that’s the same size. But not in the visual/html ...where- how do we replace all the star images?

Featured Product:
http://demos.simplethemes.com/presstige/content-templates/template-1


Thank you Casey…

{name}
RankRankRankRank

Total Posts: 3065

Joined 2011-04-27

PM

 

Is the Featured Product List Heading text under the List Heading titles font-size: 2.25em; font-size: 2.25em; or font-size: 1.75em;

The featured product list headings are H2 (2.25em).

Do you have a font size chart? It does not show make font size 10, 12, 14 etc. only shows font-size: 2.25em etc

You can alternatively specify in px e.g; font-size: 24px;

Also on Featured Product page, I would like to change the star images to a different image that’s the same size.

You’ll have to switch to HTML view and find each instance of li class=“star”. You can change to any of the following:

li class=“info”
li class=“star”
li class=“idea”
li class=“search”

{name}
Rank

Total Posts: 10

Joined 2011-08-17

PM

 

Is the Featured Product List Heading- (text (under) the List Heading titles text (under) is it h2

Comparing the font size to word document- what (font-size: 2.25em; example) would be close to size 12 or 14 font size in word document…

Your time, and help is appreciated sir…

{name}
RankRankRankRank

Total Posts: 3065

Joined 2011-04-27

PM

 

I’m not sure. I don’t use Word. You can always try a setting, save, and test.
I believe Word uses “point” sizes - a completely different measurement than the web.

{name}
Rank

Total Posts: 10

Joined 2011-08-17

PM

 

TinyMCE editor shows font size 1, 2, 3,, 4 etc.
http://www.tinymce.com/tryit/full.php

Do you think TinyMCE would merge with your themes posts? I think you might use a few features from TinyMCE editor, but not font size…

Your forums show Font Formatting via small, medium, large etc…

You don’t use Word, perhaps you use a MAC?

Thanks again…

{name}
RankRankRankRank

Total Posts: 3065

Joined 2011-04-27

PM

 

From my understanding, point sizes are used primarily in print. Yes, the web understands them and will work, however to my understanding, point sizes rely heavily on the actual font/typeface. I prefer em, because it is scales better for visually impaired readers. Some browsers interpret px as literal statements and do not scale as well.

You can test font sizes in ems here: http://www.typetester.org/


“Ems” (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.

Pixels (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Points (pt): Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1/72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.

Percent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.

Source: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/