Column Classes: Get New Paragraph to Line Up

Community Forums Forums Design Tips and Tricks Column Classes: Get New Paragraph to Line Up

This topic is: not resolved

This topic contains 6 replies, has 4 voices, and was last updated by  anitac 1 year, 2 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #34752

    anitac
    Participant
    Post count: 6991

    In the column classes, if the columns are not “balanced” or evenly distributed and you want to start a brand new paragraph – the paragraph starts under the last column. What code would we insert in addition to the last to get the new paragraph to go back to left justified?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #34770

    Posh John
    Participant
    Post count: 42

    You could try wrapping your columns in a new div, and then adding a pseudo class to your new div, like..

    .your-new-div:after {
    clear:both;
    }


    Thus the heavens and the earth were completed in all their vast array. Genesis 2

    #34829

    anitac
    Participant
    Post count: 6991

    The only problem with that is having to do that each time. That might be too complicated to explain to a client. But thank you for the tip.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #38176

    PhaseCreative
    Participant
    Post count: 15

    I’m searching for the solution to this too. I’m fine mucking about with div tags and stuff, but it isn’t going to fly with my clients. Does anyone else have a work around for this?

     

     


    Based in Sydney, I design and produce creative websites for small business and enthusiastic bloggers. Follow on twitter

    #38217

    anitac
    Participant
    Post count: 6991

    @RobinCornett responded on Twitter to add this to the end of the last column.

    [html]<br clear="all">[/html]


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #38261

    Robin
    Participant
    Post count: 291

    Just to clarify: not inside the div for the last column, it needs to be outside the column div, so (for example) right above your next heading or paragraph. HTH


    I do the best I can with what I’ve got. (say hey on twitter)

    #38266

    anitac
    Participant
    Post count: 6991

    Oh, thanks Robin!


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.