missing bullets on lists with Delicate theme
-
I switched my theme from TwentyTen to Delicate and all my lists ‘lost’ their bullets. Is there an easy way to fix this? I took a look at the Appearance > Editor but it was waaay too complicated π
I would also like to suppress both the (re-)display of the Page Names and the display of the Header Image, if someone could find those.
Any help is greatly appreciated!
-
bah, I figured-out the problem re bullets; hopefully someone can suggest a workaround? In the main stylesheet the list-type-style is set to ‘none’ and when I tried changing it to ‘square’ it added bullets to all the menus and widgets! So apparently this theme is laid-out using unordered lists π
Is there a way to make an ‘ordered’ list use bullets instead of numbering? (I doubt it as that would defeat the point.) Or, is there some way to specify an embedded list on my Pages so that the secondary list-style is used?
Hello,
yes we’ve disabled default layout bullets.
We’ve integrated shortcodes so you can style your bullets (6 variations available)
Check here how to use shortcodes:
http://support.nattywp.com/index.php?act=article&code=view&id=37and let me show you working example of typography styles:
http://test.nattywp.com/supreme/typography/Is there a way to make an ‘ordered’ list use bullets instead of numbering?
Yes, you can use ol – ordered list, or ul – unordered list tags.
Cheers,
NattyWPThanks for the follow-up!
Unfortunately, I was unable to make it work from your instructions. If I insert the extra HTML code, <ul class=”bullet-1″>, it doesn’t make any bullets appear. After all, unordered lists are still marked do-not-display in the ‘style.css’ file,
ul { list-style-type: none; }Instead, am I supposed to use a shortcode (i.e., something using square brackets) for my unordered list? I didn’t see anything in your first URL about lists.
P.S. I don’t think you understood my last question re ordered lists. Currently, unordered lists do not display but ordered lists do. I was wondering if there was a setting that would make ‘ordered’ lists use bullets rather than numbering. I doubt there is… since this would defeat the purpose of having separate codes for ordered vs unordered! π
Try using your <ul class=”bullet-1″> and then defining a style in the CSS after the line that ul {list-style-type:none;} is defined.
So something like this:
ul { list-style-type:none; } ul.bullet-1 { list-style-type:disc; }Thanks, Chris. That seems like it should have worked but it didn’t.
_________Here’s the relevant section of my updated ‘style.css’
* {margin: 0pt; padding: 0pt; }
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#EDEEEF; line-height:18px;}
a { text-decoration: underline; color: rgb(39, 134, 194); outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; cursor: pointer; }
a:hover { color: rgb(247, 83, 66); cursor: pointer; text-decoration: none; }
ul { list-style-type: none; }
ul.bullet-1 { list-style-type:disc; }
li { list-style-type: none; }
.clear { display: block; clear: both; visibility: hidden; }
.tab-title {display:none; overflow:hidden; visibility:hidden;}Here’s the HTML from my page:
<ul class="bullet-1">P.S. How did you get your quote/code text to show-up in that nice big shaded box???
It looks like the li definition is overriding it now. Try moving bullet-1 below
li { list-style-type: none; }and making it readul.bullet-1 li { list-style-type:disc; }FYI
I just noticed that there’s an updated copy of this ‘Delicate’ theme,
http://ww.wp.xz.cn/extend/themes/delicate?TB_iframe=true&width=1024&height=800I’m currently using v3.3 which was the current version as of two weeks ago. Now there’s a new v3.4.3 (which is probably when the author saw this associated forum post and responded; thanks!). I don’t see a change-log either ‘here’ on ww.wp.xz.cn or on the Nattywp.com site?
I have a handful of customizations I previously made to the CSS which will probably have to be re-done if/when I update the theme. So I can’t test it this instant, but I’ll try to update and re-test later today…
Not sure why you having this problem. All styles already in your style.css
You can try to open it and find:ul.bullet-1 li { background: url("images/bullets/3.gif") no-repeat scroll 0 5px transparent; }Let’s try like this. Create new page, switch to HTML mode and inert this:
<ul class="bullet-5"> <li>To use this style create a list in the following format.</li> </ul>Does it helps?
Sorry, it still doesn’t work, not with the new Delicate 3.4.3 update (and all default stylesheets) or with the change to the ul.bullet-1 in the CSS.
@nattywp, I assume you meant to say <ul class=”bullet-1“> in your last example, since that’s the bullet number mentioned in the CSS? Also, are those double-quotes around the url supposed to be there, because they’re not in the default Stylesheet. (In any case, I tried adding them to no avail.)
Just to be clear: the ul command is giving me a list, just not one with any visible bullets!
bAH! I figured it out, finally. I’m not sure if this constitutes a bug in WP or the theme…
______The bullets were appearing but they weren’t being repositioned along with the associated text; there was a graphic on the page, too. Instead, they were aligned ‘hard’ left and invisible behind the image.
I had to add some more text to the page and so the list scrolled down further, exposing what was happening.
So does anyone have a work around/fix for this? I’m having the same issue too.
Thanks,
James
You can’t workaround it by changing the position of your images? That’s all I did. You also might try creating columns and see if the ‘hard-left’ orientation obeys the column spacing.
The topic ‘missing bullets on lists with Delicate theme’ is closed to new replies.