WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

Txt separator  en

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

Hi there, Happy Easter 

I would like to use the text separator shown in the attached photo. My issue is that I want to use a black color on a white background, but a white color on a navy blue background. Currently, the only way to change the color of the separator is through the "Text, Field, and Button Style" section in menu 2. If I select the default white color, the separator line will also be white. To use black, I have to change the default color in menu 2 and then manually change the color in the previous block from white to black. Can you provide any guidance on how to have a different color separator for each block?

Regards,

Nek

Postato il
3 RISPOSTE
Daniel W.
Daniel W.
User
Utente del mese DEUtente del mese EN

You can use HTML/CSS code for the text separator in the text object when the HTML symbol is highlighted and it is outlined in blue, see code and screenshots below

----- HTML / CSS code for <hr> -----

<hr style="border: none; border-top: 5px solid black;"/>

<hr style="border: none; border-top: 5px solid white;"/>

----- 2 Screenshots -----

-----

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

2nd option:

Mark the text object in question in the grid and then click on "Code" at the top, now insert this CSS code into the 2nd empty line and adjust the color if necessary, see

----- CSS code -----

hr {border: none; border-top: 5px solid red !important;}

----- Screenshot -----

Leggi di più
Postato il da Daniel W.