prevent indent of text in columns?

  • andrew55

    (@andrew55)


    9 years, 7 months ago

    In my test page, on a row, I have created two columns. One column has paragraph text and the other column has an image. The left column which has text seems to have an indent, which I need to remove.

    On the test page, you can see the text identified as “Indenting Text”

    I thought I understood how to make columns properly, but obviously not. Any suggestions greatly appreciated.

    I am just trying to get the left margin of the text lined up on the whole page. Here is my test site:

    http://www.lifeleap.org/test-site/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Kye

    (@gmax21)

    9 years, 7 months ago

    Hey there,

    There appears to be some padding set, you could remove that with this CSS:

    .row-fluid .span8 {
    padding-left: 0;
}

    Hope this helps. 🙂

    Take care.

    Thread Starter andrew55

    (@andrew55)

    9 years, 7 months ago

    Timothy,

    Yes, that did work. Thank you.

    I guess the question now is why was the padding there in the first place? I don’t think I made any edits in the past which would have created this. Is this a bug in Customizr or something which is needed for another aspect of the theme?

    Just trying to figure everything out. Thanks for any insights.

    ElectricFeet

    (@electricfeet)

    9 years, 7 months ago

    Resize your browser window to just over 1200px and you’ll see that you still have problems (your text disappears off the left of the page).

    They are caused by

    #content {
    margin-left: 0;
    margin-right: 0;
}

    in the Custom CSS /child stylesheet. Take that out and it all goes back to normal again.

    You still need the CSS that Timothy pasted above. No idea why that is in the original (theme’s) CSS. It should really be made more specific in the theme.

    Having said that, you might want to consider using span10, not span8, anyway, because your photo is small and doesn’t fill the space allocated to the span4.

    Another tip: You don’t need all the row-fluids/span12s for block elements that will take up the whole width anyway—such as paragraphs and headings. Anything to save markup, which can get incredibly messy very quickly! 🙂

    Thread Starter andrew55

    (@andrew55)

    9 years, 6 months ago

    Thanks for the help.

    One thing about this:

    Another tip: You don’t need all the row-fluids/span12s for block elements that will take up the whole width anyway—such as paragraphs and headings. Anything to save markup, which can get incredibly messy very quickly! 🙂

    When I don’t put everything in rows, what is not in rows wraps around what is in rows, especially in smaller screen sizes. Is there a way to prevent wrapping without having to put everything in a row?

    Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    9 years, 6 months ago

    Hey Andrew,

    Do you still need any further assistance with this? I went to your test site to take a look but seems like you’ve taken it down now. If you do then just post another link to a test site for us to take a look at 🙂

    Have a great rest of your week Andrew.

    All the best,
    Tyler

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘prevent indent of text in columns?’ is closed to new replies.