remove bullet point arrow things

  • Unknown's avatar
    schenkelstegman · Member ·

    this should be a really simple thing to find and delete, but I can’t seem to get the right one.

    i just want to remove the little arrow bullet points that look like >> that are all over the site. I have my own bullet point image that I wanted to use and is currently underneath the >>, i’m pretty sure.

    also along the sidebar, I can’t seem to get the indentation right. I want the Author, etc. subheads to line up with the bullet points and I want the list text to be indented after the bullet points and not wrap around under it. like this:

    Author
    – writing
    – writing writing writing
    writing writing writing

    instead of

    Author
    – writing
    – writing writing writing
    writing writing writing

    LASTLY i can’t remove the kubrick border from the specific blog posts and comment post areas.. sorry ‘sacredpath’, i know you helped with the main page, i just cant seem to find the correct css to edit in the previously made kubrick theme.

    i’m still very new to css, any help would be appreciated!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    schenkelstegman · Member ·

    oops, my examples didnt come out well. the first one should have the all the “writings” matching up indented more to the right.

  • Unknown's avatar
    schenkelstegman · Member ·

    ooh and the site is http://www.schenkelstegman.wordpress.com

  • Unknown's avatar
    schenkelstegman · Member ·

    i got rid of the arrows, but still cant do the margins of the sidebar right or get rid of the borders on the specific posting pages. eep!

  • Unknown's avatar
    schenkelstegman · Member ·

    so i got rid of the arrow, but i still cant get the margins of the text on the sidebar right and the borders are still on my specific blog posting pages when they shouldnt be. eep!

  • Unknown's avatar
    devblog · Member ·

    I’m assuming you got rid of the arrows by doing this:

    .entry ul li:before, #sidebar ul ul li:before {
	content: "";
}

    now, for the margins, your definition:

    li li {
background:url('http://schenkelstegman.files.wordpress.com/2009/08/bulletpoints.jpg');
background-repeat:no-repeat;
background-position:0 5px;
padding-left:0;
padding-right:0;
}

    is wrong. Get rid of it and use this instead:

    #sidebar ul li ul li{
background: transparent url('http://schenkelstegman.files.wordpress.com/2009/08/bulletpoints.jpg') 0 5px no-repeat;
padding: 0 0 0 10px;
}

    That should make your bullets image show up.

  • Unknown's avatar
    schenkelstegman · Member ·

    oh my goshh YESSS that is perfect. thanks devblog, you da man.

    any idea what css i have to edit to make those borders go away on the pages that come up when you click on the specific blog posts or to leave comments? why is it a different format than the main page?

  • Unknown's avatar
    devblog · Member ·

    No problem.

    Replace your “#page” definition with this:

    div#page {
background: #fff !important;
width:760px;
border:none;
text-align:left;
margin:0 auto;
padding: 0;
}

    that should get rid of the borders on the single post page.

    why is it a different format than the main page?

    That’s just how the creator designed his theme…

  • Unknown's avatar
    schenkelstegman · Member ·

    Ahh, I see. Perfect! This CSS customization wordpress forum has definitely helped our page along!! Thanks, again!

  • Unknown's avatar
    sergibosch · Member ·

    can you explain why this works? .entry ul li:before, #sidebar ul ul li:before {
    content: “”;
    }

    i don’t see where it’s overriding the bullet point arrow things – where are those coming from in the first place? and why do only some browsers register them?

    thanks

  • The topic ‘remove bullet point arrow things’ is closed to new replies.