WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

White bullets  en

Autore: Nektarios K.
Visite 78, Followers 0, Condiviso 0  

Hi there,

I have found the way to add white bullets to my page. 

Can someone send me the code, like below, for the bullets?

<hr style="border: none; border-top: 1px solid white;"/> is for white border...

Thanks,

Nek

Postato il
7 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese IT

...this code turns them all red:
<style>
ul li::marker {color: red !important }
</style>

... .. or you can use this symbol () which selects it and colors it in the same text object...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

I once asked Google AI and tried to convert the answer into a text object. I also encountered problems that I took into account.

Small instructions:

1. Object "Text" with marked HTML symbol and this code in one line:

    <ul class="weisse-punkte"><li>White bullet 1</li><li>White bullet 2</li></ul>

2. Mark objekt "Text" und click on "Code", then insert this CCS code in the second empty line:

    ul.weisse-punkte li::marker { color: white; }

See screenshot (2) below

-----

-----

-----

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

There are different ways to achieve the goal, those from KolAsim or those with HTML/CSS code in the text object. It depends on what the purpose of it is.

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

Implemented KolAsim's suggestion with the text object, with CSS code and without HTML code.

-----

-----

-----

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

Here with the HTML symbol "Bullet", which can be individually colored with the text color and indented slightly using the indent function so that it looks like an HTML list.

This method is only suitable for short lines where the text does not slide into the next line.

-----

-----

Leggi di più
Postato il da Daniel W.
Nektarios K.
Nektarios K.
User
Autore

Thank you all for your support.

I use the option <ul class="weisse-punkte"><li>Ship Security Plan (SSP) verification</li><li>Onboard security inspections</li><li>Risk and vulnerability assessments</li><li>Crew awareness and preparedness evaluation</li></ul>

and working perfectly.

Thanks again!!

Rgds,

Nek

Leggi di più
Postato il da Nektarios K.