treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Bullets not showing in first column?#$!

  • What makes the bullets not show up in the first column in this wordpress theme. In either a three column or two column layout, the first column shows no bullets? hoping the URL redirect works here. The first column of services shows no bullets, at least for me? http://crssp.com/i/bullets-gone-berserk

    Any ideas?

    thanks, Crssp-ty

  • Your overflow: hidden; on .page-content is what's causing them to disappear.

    Instead of using overflow hidden to clear floats, I prefer using the clearfix class method: http://nicolasgallagher.com/micro-clearfix-hack/

  • Or, you could restore the default margin or padding that you stripped off of all ul

    .one_third ul {
      margin-left: 20px;
    }
    
  • Working with a theme, I still don't see what you mean where to apply the CF class? Can overflow hidden be removed somehow if that is the problem.

    Not really understanding the problem here, but I hate to use hack code. Tried several things, applying the cf class to the structure items, guess I don't get it.

  • Thanks wolfcry911, our comments crossed the wires, taking a look at that now. I'm at the mercy of the theme designer on this one... Not having coded it from scratch.

  • Thanks all!

  • right, when I state 'you', I don't necessarily mean you personally, but whomever created the site's stylesheet... The reset strips the default left margin or left padding that lists typically use to indent (and show the bullets). Doc's suggestion works as well.

    I think it boils down to whether you want the bullets to lie outside the pages' left margin or be contained within

  • Actually I think that collapsed one of the three column div's top example. still issues :/

  • Actually I'm missing something in the translation from using the shortcodes to what produces the actual coded div structure output. That could be why the styles are not applying correctly from their demo here: http://inkthemes.com/wptheme/blackbird-interior/columns/ They don't show any bulleted lists, maybe they would not appear correctly in the demo there either?

  • I think the bullets should be contained within for sure. No offense taken wolfcry911.

  • .page-content-container ul {
    margin-left: 20px;
    }
    

    this will place a left margin on all the lists used within the page content container - their bullets will fall inside the page and won't hang out into the left margin

  • That did the trick, my preferred method coding from scratch is to place a reset something like Eric Meyer's, but then throw in a base stylehsheet. I used to use the CSS 4 base styles here: http://www.w3.org/TR/CSS21/sample.html It bugs me when it requires specificity in a design to put the bullets back where they belong. Thanks for you help spotting what was off on this one :)

  • Using Wolfcry911 suggested CSS above: .page-content-container ul { margin-left: 20px; } Still getting mixed results in IE, at best not seeing the bullets in first column div still, and at worst the columns are collapsing and none show bullets. Can you say ...aaaa-a-a-nnnxiety. thanks for any more suggestions.

    On further checking the page was cached, fine in newer IE. What's anybody else seeing, is there three lists of services side by side, and all bullets showing???

  • Looks okay to me in IE7, 8, and 9

  • Awesome. thanks bunches.

  • This theme falls down again :( Now the Youtube videos are not showing up at all. I'm placing the Iframe into shortcode columns and nothing shows up. Hoping it's just something to do with the way iframe's are being treated in the CSS. Same page as the bullets were:

    http://crssp.com/i/bullets-gone-berserk

    i've got one video showing up now, but that one is not placed in the split columns two-column shortcode. Those should be showing above that one.

    What's my best route to go on Youtube embeds. Maybe it calls for a plugin, heck maybe the theme even has one. It would be nice to do those as responsive, otherwise I was going to set the width of the videos at 320px wide which shouldn't present any problems that way either vs responsive.

    Thanks for any hints on youtube videos in this one.

    Another thing [ranting now] the paragraphs have no top padding or margin. Not sure what theme would not want that.

  • Looking at the forum on wordpress.org for this theme, it's full of the same issues I've had. Realizing I'm using the free version, but no saying the paid version would be any better. Rethinking this theme house. :(

  • In short: you get what you pay for.

    It really is true, especially when it comes to WordPress themes.

    I only see one video on the home page. Where is it supposed to be showing?

  • The other two should be showing directly above the one. The theme really is a mess, it has a reset, and no base styles put back in. Missing the old puritan html straight up coding days today. I hate to be a whiner, somebody can delete the topic, I'ld be better off for it. Thanks for everybody's awesome help.

    I was surprised to find no real Iframe styles that are conflicting. Not sure what the issue is then. Maybe it's some sort of html 5 conflict. The client liked the theme, or I might move on.