Rich content

Specification for Rich Content on Feedo

Feedo styles:

When coding the rich content, it is necessary to link these Feedo css styles first:

https://www.feedo.cz/assets/themes/feedo/styles/compiled/master.css

When finished coding and after succesfull testing, remove this link.

Feedo specification:

• Valid code, right semantic

○ Verify here: https://validator.w3.org/#validate_by_input

• Images have to be responsive. Only exception is icons.

• Response of text is fluently working in resolution from 320 px to 1210 px.

• Dont use JavaScript or third parties JavaScript. Any animation should be coded in CSS3.

• Images must be below 300 kb.

• Insert videos via YouTube iframe.

• Use only two types of fonts:

○ For headings use class '.ff-heading' or font-family: coresans-heavy,sans-serif;

○ For other text '.ff-normal' or font-family: "Open Sans",Helvetica,Arial,sans-serif;

• Content must be readable at 320px mobile resolution.

• Do not use your own styles for basic HTML tags as H1, H2, p, a, etc… On these elements Feedo styles are applied.

• Do not use H1 heading.

• Tables should not be responsive. Set them as overflow-x: auto;

• Rich content (file) doesnt have to have tags HTML, HEAD, BODY, META, TITLE.

• All HTML must be inserted in tag <div id="feedo_rc"> ... YOUR CODE ... </DIV>.
• All CSS styles must be inserted in DIV id … '#feedo_rc', so whole content of Feedo webpage wont break, examples:

○ #feedo_rc .rc_heading

○ #feedo_rc .rc_box .rc_box_heading

○ #feedo_rc .rc_price.rc_price-pink

• If expanded CSS would have more than 600 rows, then insert all styles into one summary file. If less than 600 rows insert it in tag <style></style>.

• This CSS has to be inserted in the beginning of HTML file.

Possibilities are <style type="text/css"> </style> OR <link rel="stylesheet" type="text/css" />.

Every content will be checked by Feedo before publication.