Hi All,
Can anyone give me any advice on getting bullet lists working when using the TXT Starter Kit. Whenever I try and use the list icons at the top of the Rich Text Editor or if I directly add syntax like this:
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
The list is not displayed I just get the plain text. I am assuming that this is due to the fact that the TXT starter kit styles lists for use in the navigation bar. I spoke to AJ who is the author of the CSS style sheet used in the TXT starter kit at http://html5up.net/ and he suggested I add a class called "default" to the ul element:
<ul class="default">
However this didn't have any effect. Any help would be much appreciated.
Had a quick look at the starter kit and the issue is that in the head of the layout template the styles are being added directly to the head by the Javascript. These have a style of 'list-style:none;' for all <ul> and <ol> tags.
TXT Starter Kit
Hi All,
Can anyone give me any advice on getting bullet lists working when using the TXT Starter Kit. Whenever I try and use the list icons at the top of the Rich Text Editor or if I directly add syntax like this:
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
The list is not displayed I just get the plain text. I am assuming that this is due to the fact that the TXT starter kit styles lists for use in the navigation bar. I spoke to AJ who is the author of the CSS style sheet used in the TXT starter kit at http://html5up.net/ and he suggested I add a class called "default" to the ul element:
<ul class="default">
However this didn't have any effect. Any help would be much appreciated.
Is there anybody out there?
What version of Umbraco are you using?
Umbraco version 7.3.5 assembly: 1.0.5858.25602
Hi Max,
Had a quick look at the starter kit and the issue is that in the head of the layout template the styles are being added directly to the head by the Javascript. These have a style of 'list-style:none;' for all
<ul>
and<ol>
tags.Normally you would just modify the style.css file and add a new more specific rule. But this is only used if Javascript is disabled.
So I would create a new style sheet such as customstyles.css and add that after the
</noscript>
tag.In that add this rule and you will see a more normal list style.
As such it's an odd quirk of the Txt Starter Kit. It's a very broad reset for all list items.
Thanks Anthony - I will give that a try.
is working on a reply...