Custom CSS

Custom CSS style overrides can be directly written in and will be applied to each page.

When providing custom CSS, you will be using the CSS format to override built-in styles. You will be expected to know some basic CSS. This will take the form of a period, the name of the style, an open curly brace, a list of styles, and then a close curly brace. For example:

.page-container h1 {
color: red;

Each article body style will require .page-container as the prefix, followed by the HTML element name you wish to override the style for. Header will be h1, paragraph will be p, but there are other elements you can discover using Chrome's (or your equivalent browser's) inspector tool.

You can enter in multiple custom CSS style overrides.

Please note: Because of caching, you may have to wait a couple of minutes before any change you make to take effect. This is done for performance reasons. You can also restart the server.

Next Topic:
Up Since 8/28/2023 2:18:23 PM