WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

White bullets  en

Auteur : Nektarios K.
Visité 72, Followers 0, Partagé 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

Posté le
7 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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

-----

-----

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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.

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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

-----

-----

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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.

-----

-----

Lire plus
Posté le de Daniel W.
Nektarios K.
Nektarios K.
User
Auteur

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

Lire plus
Posté le de Nektarios K.