H1 this is top heading h1 36px not bold left

H2 headings a more polite size heading 32

H3 text usually for articles 28

H4 text which i often use for captions 22px

H5 text which is sometimes for caption depending on what's going on 18px

H6 text for little bold headings - i made it same as P text 18px but bold

Bullet points

This is paragraph 18PX
and not all in capslock
THIS CSS IS PASTED IN THE CUSTOM CSS BOX
QUICK brown fox jumps over the lazy dog the quick brown fox jumps over the lazy dog the lazy dog the quick brown fox jumps over the lazy dog the lazy dog the quick brown fox jumps over the lazy dog the lazy dog the quick brown fox jumps over the lazy dog the lazy dog the quick brown fox jumps over the lazy dog

Ordered lists

Cost-effective: Flat panel monitors are generally less expensive than ultrawide monitors.
Compatibility: Flat panel monitors are compatible with all software and applications, ensuring a seamless user experience.
Familiarity: Flat panel monitors are the standard and have been in use for many years, so users are likely more familiar with them. thwe quickbrown fox jumps over the lazy dog the qick brown fox
dfsgvabvaswvaws

CSS BUT WRONG

I want the numbers and the padding to the line text to be exactly the same as for the UL, cannot get it to be so.

ol {

padding-left: 24px; /* Set left padding for the ordered list */

text-align: left; /* Ensure the text is aligned to the left */

}

ol li {

position: relative; /* Positioning context for the list item */

padding-left: 40px; /* Increased padding on the left for list items to inset numbers */

margin-bottom: 10px; /* Optional: space between list items */

vertical-align: top; /* Ensure top alignment for multiline text */

}

/* Customize the default numbers if needed */

ol li::marker {

color: inherit; /* Inherit color from parent */

font-weight: normal; /* Ensure normal font weight for numbers */

}

1. this is an ordered

2. list without native support

3. in Zeno, how odd

Secondary button

This is partially right but not applying - text goes upper case, but hover not working. F/end it's styled as standard primary button (ochre).

css is in page customer css identical to here:

.button-secondary {

background-color: #f5f5f7;

border: 1px solid #242649;

border-radius: 3px;

text-transform: uppercase;

font-size: 13px;

font-weight: bold;

color: #242649;

padding: 9px 20px;

text-align: center;

display: inline-block;

cursor: pointer;

transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */

}

.button-secondary:hover {

background-color: #242649;

color: #fff;

}