creating columns to clean my site up

• 

  rustyswim · Member · Jun 18, 2015 at 1:36 pm

  • Copy link
  • Add topic to favorites

  I want to create three columns to clean my site up with my swimming classes. How can I do that?

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

• 

  kathrynwp · Staff · Jun 18, 2015 at 5:44 pm

  • Copy link

  In your post editor, switch to Text/HTML view, and add this:

  <div class="mycol">
  Column 1 info here
  Column 1 info here
  Column 1 info here
  </div>
  <div class="mycol">
  Column 2 info here
  Column 2 info here
  Column 2 info here
  </div>
  <div class="mycol">
  Column 3 info here
  Column 3 info here
  Column 3 info here
  </div>

  And this would go in your custom CSS:

  .mycol {
    width: 30%;
    padding: 0 10px 0 0;
    float: left;
  }

  Let me know how it goes.

• 

  rustyswim · Member · Jun 20, 2015 at 5:42 am

  • Copy link

  Do I add the first post just anywhere in the post editor or at the beginning or the end of the text that is already there

• 

  staff-totoro · Staff · Jun 20, 2015 at 8:48 pm

  • Copy link

  Hi @rustyswim

  I can see that you added the CSS to your site customizer, so you’re almost there. :)

  For the HTML code @kathrynwp gave, once you’ve switched to the HTML view in your post editor, you can add it anywhere you need the three columns to appear. So that can be at the end of the page, between existing paragraphs, etc.

  Hope that helps. Please let me know if you have any further questions.