WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

White bullets  en

Autor: Nektarios K.
Visitado 76, Followers 0, Compartido 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

Publicado en
7 RESPUESTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes 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

-----

-----

-----

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes 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.

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

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

-----

-----

-----

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes 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.

-----

-----

Leer más
Publicado en de Daniel W.
Nektarios K.
Nektarios K.
User
Autor

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

Leer más
Publicado en de Nektarios K.