Hi,
I am using a new wordpress theme, but unfortunately the ordered and unordered lists aren't displaying correctly. By "correctly", i mean that they are not indented, and the numbers and bullet points are not appearing:
http://hawaii.johnfromberkeley.com/?p=10
The paragraphs in question begin with "I’m geographically..." and "Unique features..."
Can you help me edit the CSS in the wordpress theme so that they will indent and show the appropriate symbols?
Thanks!
.content_txt li
.content_txt li { <span style="font-weight:bold">list-style:none;</span> padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:top; line-height:15px; }
Take a close look at your code above.
i'm a novice- should i just delete that line?
thanks, cupidstoejam-
i am a total novice and don't know anything about css. should i just delete that line in bold. i don't even know what file you found that in.
sorry for being a noob.
thanks!
now the bullets don't indent. but we're closer!
ok, i found that line in the css and deleted it.
but now the bullets don't indent.
can you help? should i just pick a different wordpress theme?
i am not a coder. i am frustrated.
but thanks for helping, i REALLY appreciate it!
Yes, delete the line of code
Yes, delete the line of code in bold print. This block of code can be found in the file named styles.css. This is called an ordered list, so you'll have numbers beside each list item. If you want bullets, you'll need to change the
- 's to
- 's (located in the .html files)which stands for unordered list.
*** update your live site with the updates ***
getting closer. you're really helping
thanks, cupids. you're really helping. any idea on why the bulleted lists "outdent" instead of indent? the numbered lists look great!
update your link to show
update your link to show updated code plz
sorry i am so ignorant. is this the link you mean?
http://hawaii.johnfromberkeley.com/wp-content/themes/Tropical_Grunge/style.css
or do you mean this, where you can see what is wrong:
second link
second link. I need to "see" your changes. All you need to do is upload your updated style.css file
uploaded css file
i ~think~ this is what you need?
thanks so much!
(p.s. it was called "style.css" but i was only allowed to upload it if i changed it to "style.txt")
Attachment | Size |
---|---|
style.txt | 6.83 KB |
john, it appears you dont
john, it appears you dont have the education required to make the desired changes to the website. You should stop now before the website gets damaged. you have two choices:
1. hire somebody to do it for you.
2. take the time to learn html, css and upload procedures.
i'm not looking for a css education, unfortunately
it just seems odd that the bullets are outdented, and the numbers indented.
cupidstoejam has really helped me get his far.
can anyone else help figure this out? would changing the bullets really break the whole layout?
changing bullets will not
IS this not how you want it?
Wordpress allows you to update CSS in the theme editor
Hi, Tony-
I can update the CSS directly in the wordpress theme editor, which is provided explicitly for that purpose.
and i definitely know how to use cyberduck to ftp to/from my server. it's easier (and very common) to use the theme editor in wordpress to make simple css tweaks, and i am assuming this is a simple css tweak.
i just wasn't clear if you needed style.css, and even if you did, the forums only allowed me to upload files with .txt extensions.
sorry if there was a misunderstanding.
Now it's just the bullets
actually, you totally helped with the numbers. they're perfect.
but the bullets are "out-dented". see the attached jpeg. how do i indent them?
thanks!
Attachment | Size |
---|---|
bullets.jpg | 64.11 KB |
ok, now we're talking about
ok, now we're talking about another list. I thought we were still on the first problem. give me a sec to look.
so, you want the bullet list
so, you want the bullet list to look more like the numbered list, right? You'll need to add left margin to .content_txt ul
.content_txt ul {margin-left: 50px;}
Defaults have changed
As of IE8 and sometime recently (v. 8 or 9) in Opera, all browsers now use 40px left (in Western languages) padding to create the list indention. Feel free to modify that value. It would be a safe practice to zero the left margin for older Operas and IEs and use padding across the board. Just sayin', ya know.
cheers,
gary