Request for iPhone specific Custom CSS coding

[cybersphere 0]

Hi all, I have iPhone specific Custom CSS code on a site I am working on: http://justitia.com.au/web'>http://justitia.com.au/web. It looks like this:

/* Sets blog post font size and line spacing for iPhone */
	.iphone p{
	font-size: 0.55em;
	line-height: 1.6em;
	}

If you use above code, in conjunction with 'Browser Specific CSS' (Pagelines > Store > Plugins > Add Plugins > Top Free), blog font text can be adjusted without impacting the font size on desktop browser or on iPad (I found iPad to display text in correct size in relation to other text, but iPhone had issue on my site). QUESTION 1 ---------- Please visit this page on iPhone: http://justitia.com.au/web'>http://justitia.com.au/web/disability-discrimination/discrimination-against-epileptic-employee ...when you scroll down to the bottom of the page, you will note the bullet point text is massive, in comparison to blog post text. Can anyone assist me with a CSS code to change that text size? QUESTION 2 ---------- While, I'm asking, I would also like to reduce the font size of my home page: http://justitia.com.au/web'>http://justitia.com.au/web. Again, it looks fine on iPad and Desktop but only issue I have is with iPhone. If you a CSS coding guru, I would appreciate your assistance. Paul

[kastelic 6]

I don't have an iphone but you could try: [code] .iphone li{ font-size: 0.55em; line-height: 1.6em; } [/code]

[cybersphere 0]

You are THE man, Kastelic! That worked a treat!! I don't suppose I can trouble you for that 2nd code for the bit I circled in the above screen shot?

[catrina 103]

I don't use an iPhone either but this is worth a shot: [code].iphone div.metabar {font-size: #em; line-height: #em;}[/code] Change the CSS properties as you see fit and add more if you wish (i.e. color: #xxxxxx, font-weight: bold/normal, etc.)

[cybersphere 0]

Thank you Catrina! It worked for the font size. Line-height does not appear to make any difference. Paul