Help Documents list & numbers

[mastersly]

Preview​

[hide]
ACP >> Templates and styles >> Themes>> YOUR THEME >> global.css
add this

.helpdocslobos-number {
? ? display: inline-block;
? ? text-align: center;
}

.helpdocslobos-row {
? ? padding: 5px 10px;
? ? border-radius: 4px;
? ? margin-bottom: 5px;
? ? background-color: #282828;
}

.helpdocslobos-number {
? ? color: #8d3838;
? ? font-weight: bold;
? ? width: 20px;
? ? height: 30px;
? ? line-height: 30px;
}

<div class="helpdocslobos-row"><div class="helpdocslobos-number">1</div> Your text here</div>

<div class="helpdocslobos-row"><div class="helpdocslobos-number">2</div> Your text here</div>

<div class="helpdocslobos-row"><div class="helpdocslobos-number">3</div> Your text here</div>

[/hide]

 

[Mariela]

Gotta check out! Thank you in advance for your sharing!

 

[owl]

Gotta check this one out thanks for that.

 

[_B_]

Nice. Wondered how to do this for a while actually.

 

[2FA]

Haven't seen a decen

 

[2FA]

Haven't seen any decent tutorial on any other forum besides this one.

 

[Negative]

Ah, this is actually helpful. Always wonder how you can modified the help documents section.

 

[streock]

ty

 

[denemecekelemene]

thanks daddy