Stream overriding text properties set...
I've gone through this forum and noticed that this is a common issue. However, I still couldn't figure out which part of the CSS overrides the properties. The specific webpage can be found at: http://www.asgmapping.com/news.html
The offending section is located in the bottom of the page. The paragraph font properties should be:
Font = Helvetica
Weight = Normal
Size = 14px
Line Height = 1.7
Any help is very much appreciated.
Have you tried changing the properties for this class in RSD:
...Or removing the "paragraph" and just using Helvetica for <p> in general?
I've attached a screenshot of the font settings in RSD.
"p.paragraph.paragraph-2" is different from ".paragraph-2"
You might try simplifying your CSS. For example, set your p default, then add a more specific style as needed –
p.highlight, p.small, p.special-offer.... for example. Much easier to keep up with what CSS is being applied to what items.
Don't forget your <h> tags, you might want to use <h4> or <h5> to emphasize/separate a block of text.
Your suggestions gave me some insight on how the software works. I assumed that because Font was assigned to Helvetica (under Typography) that it will be automatically written to the CSS. However, looking at the Inspector showed that this is not the case. I assigned this paragraph it's specific Class, and then changed the Font to something else and the property was written to the CSS. I then switched it back to Helvetica in the Design tab so that Helvetica was written on the CSS.
I would have thought though that the default properties should be all written on the CSS already.
If you want to get to grips with CSS, you could read up on how the Cascade actually works.
Here's a quick overview (cascade, specificity, inheritance), with links to examples of each.
http://www.sitepoint.com/web-foundation … heritance/
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.