Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| additional_classes [2023/02/26 15:37] – thehort | additional_classes [2023/02/28 00:18] (current) – thehort |
|---|
| Wordpress allows CSS classes to be added to most block elements in the content editor. This can be found in the right inspector window when a block is selected and expanding the ''Advanced'' section. There are elements within the site where this field is used to modify appearance. Multiple class names can be added to each block, but each much be separated by a single space. The most relevant classes for each element will be noted on its page throughout this documentation. Below are some classes that can come in universally handy: | Wordpress allows CSS classes to be added to most block elements in the content editor. This can be found in the right inspector window when a block is selected and expanding the ''Advanced'' section. There are elements within the site where this field is used to modify appearance. Multiple class names can be added to each block, but each much be separated by a single space. The most relevant classes for each element will be noted on its page throughout this documentation. Below are some classes that can come in universally handy: |
| |
| | |< 100% 250px >| |
| ^ Class Name ^ Effect ^ | ^ Class Name ^ Effect ^ |
| | ''container'' | Adds the default horizontal spacing between the edge of the screen and the element. Alternatively, elements can be nested in a [[columns|single column]] to achieve the same effect. | | | ''container'' | Adds the default horizontal spacing between the edge of the screen and the element. Alternatively, elements can be nested in a [[columns|single column]] to achieve the same effect. | |
| | ''container%%--%%large'' | Restricts element to a max width of 1300px | | | ''container%%--%%large'' | Restricts element to a max width of 1420px | |
| | ''container%%--%%medium'' | Restricts element to a max width of 950px | | | ''container%%--%%medium'' | Restricts element to a max width of 1280px | |
| | | ''container%%--%%small'' | Restricts element to a max width of 950px | |
| | ''inline-quote'' | Adds quotation styling with a large leading quote and text indentation | | | ''inline-quote'' | Adds quotation styling with a large leading quote and text indentation | |
| | ''margin-0'' | Sets margins on all sides to 0px | | | ''margin-0'' | Sets margins on all sides to 0px | |