17 replies [Last post]
johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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!

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

.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.

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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!

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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!

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

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 ***

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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!

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

update your link to show

update your link to show updated code plz

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

sorry i am so ignorant. is this the link you mean?

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

second link

second link. I need to "see" your changes. All you need to do is upload your updated style.css file

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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")

AttachmentSize
style.txt 6.83 KB
CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

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.

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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?

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

changing bullets will not

IS this not how you want it?

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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.

johnfromberkeley
Offline
newbie
Last seen: 11 years 8 weeks ago
Timezone: GMT-7
Joined: 2009-08-26
Posts: 9
Points: 0

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!

AttachmentSize
bullets.jpg 64.11 KB
CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

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.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

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;}

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 16 hours 40 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.