Bullet list - Bullets do not change colour when changing colour of text
Автор: John W.
Просмотрено 755,
Подписчики 2,
Размещенный 0
When changing the colour of the text in the Text Object the bullets do not change (stay black) colour or style?
Размещено
Мне тоже это интересно.
In step 3 'Sitemap' select the affected page and click on 'Properties' at the top. Then in the advanced section select the custom code "before the </HEAD> tag" and enter there
<style> * ul li {color:red!important;} </style>
This will change all the page bullets to red.
Second solution: if the list is in a text object, you can also click on the HTML code buttonto activate HTML and then enter the list as follows:
<ul>
<li>first point</li>
<li>second point</li>
<li>third point</li>
</ul>
Then highlight the text and choose the color you want.
Автор
Thanks Franz-Josef, I used the second solution as I was using a text box and the bullet dots worked fine thank you.
I have also tried to get an ordered HTML list for the bottom part of the text using:
<ol>
<li>First point</li>
<li>Second point</li>
<li>Third point</li>
</ol>
and also:-
<ol type="1">
<li>First point</li>
<li>Second point</li>
<li>Third point</li>
</ol>
I have also tried using a seperate text box for that section without success any ideas?
After testing it on my current WebsiteX5 version, I have to say it works for me. Can you describe in more detail how you entered it and upload screendhots?
Автор
Here is a Screenshot from X5 and the result on the live website.
I understand from my web server guys that they will be upgrading me to a new sever tomorrow (Thursday) so that could possiblly make a difference.
Currently running on PHP v7.2 (which should be OK) but I will have access to the higher versions when they upgrade me.
Автор
Text Object Screenshot
You can only format the numbers of the ordered list by adapting the CSS formatting of the page. To do this, mark the page in question in step 3 Sitemap and click on Properties at the top. Then select the Advanced area and there the custom code "before the </HEAD> tag". There you enter the following:
<style>ol li::marker {color:blue!important;font-weight:bold!important;}</style>