Foundation - Text Size in Documents & Product Info

[ningbat]

I can't find where to change the default text size for the body of documents & product information.

I can find how to change it for the headers etc & buttons & I can find how to change the text colour - just not the size.

Can someone please point out the obvious to me as I think I am going mad!

[bsmither]

All paragraphs have this style as declared in foundation.css.:

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizelegibility;
}
html, body {
    font-size: 100%;
}

The font family is inherited from cubecart.css, line 1:

html * {
    font-family: "Open Sans",sans-serif;
}

The font size is determined from the browser's options for what to display if nothing specifies otherwise. Then, CSS says to use 100% of that size for the 'root' of the document, then says to use a size of 1 rem based from that.

If you want to change the over-all size of the font displayed for this skin, then in the file cubecart.default.css, add the rule:

html, body {
    font-size: 16 pt;
}

If you want to change nothing but the font size of document content and descriptive content, then you need to find a unique 'selector'.

#product_info p, .document_wrapper p {
  font-size: 14 pt;
}

The serious problem with Foundation as released as a CubeCart skin is that the skin has a dearth of unique identifiers. So, finding a selector that works on just what you need may involve creating your own rules and assigning the names of the rules to the content as you compose it in the editor.

[Dirty Butter]

Thank you for the explanation, bsmither. I looked all over the place to try to answer this for ningbat, with no success. Now I know why I couldn't find anything but 100%!

[ningbat]

Thanks Brian - I'll give it a go