WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
div indent issue (5 posts)

  1. cari.h.cayton
    Member
    Posted 5 months ago #

    This may not be a Customizr issue - but this blog is always so helpful, I thought I'd check. I've been searching everywhere about this issue, but with no luck.

    When inserting images to a post (or page), I'm using div span 12's (www.jeanneesti.com/blog). When I use div span 8 and 4, it slightly indents the text in the div span 8. Do you guys know why?

    This is also happening on my http://www.jeanneesti.com/career-breakthrough-kit page

    It is not, however, an issue on other pages (like this: http://www.jeanneesti.com/coaching/career-coaching)

    Any ideas? THANKS!

  2. ElectricFeet
    Member
    Posted 5 months ago #

    Ha! Funny you should mention this. I was debugging my owns site yesterday and came across it. Specifically, this:

    .row-fluid .span8 {
       padding-left: 1%;
    }

    on line 5806 of <color>.css.

    I think it's there to indent the search results header (and may others), but it's too non-specific, so it seems to mess up bootstrap styling in other places.

    (It also indents all posts on the posts lists, but I think that's an unintended side effect.)

    If that's what it's there for (and I don't know for sure), then to undo this effect, you could add the following to your stylesheet or Custom CSS panel:

    .row-fluid .span8 {
       padding-left: 0;
    }
    .search-header .span8 {
       padding-left: 1%;
    }

    Let us know if you spot any unintended effects.

  3. nikeo
    Member
    Theme Author

    Posted 5 months ago #

    Hi @cari.h.cayton did you find a solution about this?

    By the way : I love what you have done on this website : http://www.jeanneesti.com/ This is pretty clean and good looking.

    I would really be interested to include this website in the Customizr Theme showcase. Please tell me if you are fine with it!
    Thanks

  4. ElectricFeet
    Member
    Posted 5 months ago #

    Hi nikeo,
    From the theme's point of view, I think it's effectively a bug. On line 5806 of <color>.css, you have:

    .row-fluid .span8 {
       padding-left: 1%;
    }

    which causes an indent:
    - when anyone, for whatever reason uses a span8 in their html; and
    - when the blog list is formatted as span8 span4 alternating (it also messes it up when not alternating, but you only notice it when your alternating, as the left edge doesn't line up).

    I speculated on why it's there and suggested a fix above. Depending on why it was there in the first place, that could break something else, of course, but I haven't noticed anything else breaking yet.

  5. nikeo
    Member
    Theme Author

    Posted 5 months ago #

    OK thanks I'll check that for next release. Now in the todo list!

Reply

You must log in to post.

About this Theme

About this Topic