Title: Making columns Last modified: August 21, 2016 --- # Making columns * Resolved [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/) * Hello, * My website that I am working on has a page I made for Projects, [http://mbmfabricators.com/u-of-m-frieze-building/projects/](http://mbmfabricators.com/u-of-m-frieze-building/projects/) * I would like all the clickable project pictures to be in 3 columns, and as I keep adding the project pictures they automatically go into the colums. * Could someone please advise me how to make this happen, right now as I am adding the pics, they are defaulting to one column and I do not see where to change this. * Thanks in advance for any help. Karen Viewing 15 replies - 1 through 15 (of 38 total) 1 [2](https://wordpress.org/support/topic/making-columns/page/2/?output_format=md) [3](https://wordpress.org/support/topic/making-columns/page/3/?output_format=md) [→](https://wordpress.org/support/topic/making-columns/page/2/?output_format=md) * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552256) * Best way is to use Twitter Bootstrap which is the underlying framework to Czr. * Start reading [here ](http://getbootstrap.com/2.3.2/)and come back if you need more help. * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552305) * Thank you rdellconsulting, I will head there right now. Karen * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552309) * Do you mean just read about bootstrap and how to use it? I don’t need to download it right? it is already working in the background on customizr? * Thanks, Karen * [acub](https://wordpress.org/support/users/acub/) * (@acub) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552330) * No, you don’t need to download, it’s already embedded in the theme. Just use the classes and it will all fall down into place, responsively. * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552344) * Thank you, I am heading there (your link) again, wish me luck. * Karen * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552346) * Good Luck!!! * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552351) * Do I download a grid template onto the projects page so that pics will line up in 3 columns instead of one? * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552358) * You just need to start coding HTML! Be brave… * Here’s some pseudo-code to give you a clue. Just add to a blank Page. * ```
xxxxxxx
xxxxxxx
xxxxxxx
``` * I’d suggest you try something simple just to get the hang of it, and then the world’s your oyster! * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552362) * If I paste this code in the style CSS will that work? *
* [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552363) * No, because it’s HTML, not CSS. So just go to your Dashboard>Pages>Add New. Call it something (Test). Add the code. View Page. * Then you can add the Page to your Menu via Dashboard>Appearance>Menus. * You’d then use the CustomCSS panel to style it. So look for the classes eg .col- lg-8 {color: red; margin: 10px 10px; } * Use row-fluid rather than row if you want it to be responsive, ie work on smaller viewports like smartphones. * And so on… * You might find this [Guide ](http://www.themesandco.com/customizr/guide-css-html-customizr-wordpress-theme/) worth a quick scan. * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552365) * This isn’t CSS. It’s html, to go in your pages, not your your stylesheet. * The html you are giving above is for the bootstrap V3, whereas the underlying bootstrap for Customizr is 2.3.2. The scaffolding for BS 2.3.2 is described [here](http://getbootstrap.com/2.3.2/scaffolding.html). BS V3 turned it all a bit on its head, so it’s not relevant here. * There’s an extraneous `
` in Dave’s code above. What you need for _**each row**_ of 3 columns of images is: * ```
INSERT YOUR IMAGE HERE
INSERT YOUR IMAGE HERE
INSERT YOUR IMAGE HERE
``` * However, from the example code you’ve posted above, it doesn’t look like you’re trying to add 3 columns of images, as you indicated in your first post. Have things changed? * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552382) * Hi ElectricFeet, Thanks for responding, this is where I found the code [http://stackoverflow.com/questions/18204805/cant-create-columns-with-twitter-bootstrap](http://stackoverflow.com/questions/18204805/cant-create-columns-with-twitter-bootstrap) * Yes I still want 3 columns. I don’t know why I thought that was for 3, I was trying to work while the Kids were home for the umteenth snow day & my brain is a bit fried. Plus the fact I am attempting something I have no business messing with. * I am going over to the website right now [http://mbmfabricators.com/](http://mbmfabricators.com/) to try what you and rdellconsulting have suggested. * Thank you again, Karen * And I REALLY hope the Kids have school tomorrow!!!!! * Thread Starter [lawlessvintage](https://wordpress.org/support/users/lawlessvintage/) * (@lawlessvintage) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552384) * Thank you also to rdellconsulting, I am trying to be brave, The Company my Husband works for DESERVES to have a nice web page and I am trying to make that happen. I am so grateful for all the open source info that is available for people to try and learn and also for the people who are willing to share their time and knowledge. * THANK YOU THANK YOU THANK YOU * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552387) * Oops, sorry Dave, I hadn’t seen you’d already posted when I posted. I must remember to hit refresh before posting! * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/#post-4552388) * [@lawlessvintage](https://wordpress.org/support/users/lawlessvintage/): you’ll be fine, kids notwithstanding 🙂 It’s looking good already. * To make the slider super-professional, crop all your slider images to 1170×500. * Good luck with the snow and site. Viewing 15 replies - 1 through 15 (of 38 total) 1 [2](https://wordpress.org/support/topic/making-columns/page/2/?output_format=md) [3](https://wordpress.org/support/topic/making-columns/page/3/?output_format=md) [→](https://wordpress.org/support/topic/making-columns/page/2/?output_format=md) The topic ‘Making columns’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [columns](https://wordpress.org/support/topic-tag/columns/) * 38 replies * 4 participants * Last reply from: [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/making-columns/page/3/#post-4552549) * Status: resolved