Recently synced stylesheets in my GSM Admin Guide to my PC User Guide, which now contains the Master Stylesheet. Everything works except the size of the online images in the GSM AG.
I have max width settings for online set to 725 em; this is set in the Stylesheet for online, and also at the image level.
Yet before I synced the GSM project to the Master style sheet, I didn't have this problem.
Is it that 725 em is too wide, and what I did revealed that issue?
Or is there another setting behind inherited somewhere along the way?
Thank you in advance.
Regards,
Christina
Online Images HUGE, Can I make them obey max width settings
Re: Online Images HUGE, Can I make them obey max width setti
Hi Christina,
I would hazard that 725 ems is too wide. I use a 90 em middle column width, which occupies roughly half of a widescreen 1080p monitor.
This might have been overridden by another selector in your pre-sync stylesheet? I adjust the width of images to suit <p> and <tr><td> elements, for example.
Should be a quick fix when you find the culprit.
JR
I would hazard that 725 ems is too wide. I use a 90 em middle column width, which occupies roughly half of a widescreen 1080p monitor.
This might have been overridden by another selector in your pre-sync stylesheet? I adjust the width of images to suit <p> and <tr><td> elements, for example.
Should be a quick fix when you find the culprit.
JR
Re: Online Images HUGE, Can I make them obey max width setti
A quick way to check is to multiply your em value by your p or body px value (it's not quite that simple, because of the inheritance of font size, but it gives you a rough idea.)
So say your p font size is 16px, 725*16=11600px.
In JRtechw's example, assuming a 13px p or body font size: 90*13=1170px.
Or if you put your image into a h1 tag then use the px font size of the h1: 725*26 = 18850px
There's a bunch of sites to do the conversions as well. e.g. http://pxtoem.com/
So say your p font size is 16px, 725*16=11600px.
In JRtechw's example, assuming a 13px p or body font size: 90*13=1170px.
Or if you put your image into a h1 tag then use the px font size of the h1: 725*26 = 18850px
There's a bunch of sites to do the conversions as well. e.g. http://pxtoem.com/