CSS Headings and bullets problem

Hello.
I use my css snippet to color and tree view of headings.
Everything is Ok except bullets.
What I have

### Hello
	- 1 efefef
	- 2 ewfewfewfewfewf text till the end
   efewfewfewf
	- 3 wefgewfewf

What I need

### Hello
	- 1 efefef
	- 2 ewfewfewfewfewf text till the end
		efewfewfewf
	- 3 wefgew

Need help!!! What I need to change in css? I am not an IT guy at all ;))

/* Set up a counter. Not strictly required but it makes me feel better. */
:root {
    counter-set: main;
}

/* Set count values for each heading level, using more digits for each subsequent level.
   It doesn't actually matter what the digits are. */
div.cm-content h1,
div.cm-content .HyperMD-header-1 {
    counter-reset: main 11;
	color: #ffA473;
}

div.cm-content h2,
div.cm-content .HyperMD-header-2 {
    counter-reset: main 2222;
	color: #ffd98c;
}

div.cm-content h3,
div.cm-content .HyperMD-header-3 {
    counter-reset: main 333333;
	color: #a0f28b;
}

div.cm-content h4,
div.cm-content .HyperMD-header-4 {
    counter-reset: main 44444444;
	color: #7db4ff;
}



/* Use a ::before to indent each section based on the text size of the counter number. */
div.cm-content>.cm-line {
    display: table !important; /* For achieving height: 100% on pseudo, b/c this has dynamic height */
    text-indent: unset !important; /* Fix lists */
    padding-inline-start: unset !important; /* Fix lists */
}

div.cm-content>.cm-line::before {
    content: counter(main);
    display: table-cell; /* Fills height of parent w/display:table, even if dynamic height */
    color: transparent;

    /* Don't expand past text content */
    width: 1px;
    white-space: nowrap;

    /* Adjust to suit indentation size needs */
    font-size: 1rem;
    font-family: monospace;
}

Moved to Custom CSS & Theme Design for better chances of good replies.

1 Like