Title: borders around columns
Last modified: August 21, 2016

---

# borders around columns

 *  Resolved [cbridges](https://wordpress.org/support/users/cbridges/)
 * (@cbridges)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/)
 * I would like to add borders around each column. I used custom CSS to modify the
   text, margins etc.. and added borders to this css. All of it works except the
   borders (they do not show)
    For example
 *     ```
       .one_half
       {
       	font-size: 85% !important;
       	width: 49% !important;
       	margin-right: 2%!important ;
       	border:medium!important;
       	border-color:#333 !important;
       }
       ```
   
 * I have searched and but cant seem to find anything that answers this. Thanks 
   in advance for any help!
 * [http://wordpress.org/extend/plugins/column-shortcodes/](http://wordpress.org/extend/plugins/column-shortcodes/)

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847710)
 * as this is more or less a pure formatting question, posting a link to your site
   will greatly help to find out why the borders are not showing;
 * you could also try to use a browser inspection tool to investigate the formatting
   of the columns.
 *  Plugin Author [Tobias Schutter](https://wordpress.org/support/users/tschutter/)
 * (@tschutter)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847898)
 * Your CSS does not validate. Try the following:
 *     ```
       .one_half
       {
       	font-size: 85% !important;
       	width: 49% !important;
       	margin-right: 2% !important ;
       	border-style: solid !important;
       	border-width: medium !important;
       	border-color: #333 !important;
       }
       ```
   
 *  Thread Starter [cbridges](https://wordpress.org/support/users/cbridges/)
 * (@cbridges)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847954)
 * Thanks for the replies. I tried to update code and seem to get nothing. I’m assuming
   it will end up being a simple code issue but I’m obviously overlooking it! Heres
   a link to first page of test site
    Thank you for the help [Test page](http://auburnillinois.us/testing/wordpress)
 *  Thread Starter [cbridges](https://wordpress.org/support/users/cbridges/)
 * (@cbridges)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847955)
 * I figured it out…actually I dont know what happened. I updated code and viewed
   the page. The border was not there. However when I logged out of WordPress and
   viewed the page, the borders showed up. Thank you for the help!
 *  Thread Starter [cbridges](https://wordpress.org/support/users/cbridges/)
 * (@cbridges)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847962)
 * Ok, a couple of more questions.
 * First, my test site looks fine in IE but in Firefox and Chrome, the columns line
   up on top of each other. If I change the width to 48%, they fit on firefox and
   chrome also. Shouldn’t 49% be 49% on any browser? Here is a link to my [test site main page](http://auburnillinois.us/testing/wordpress)
 * Second, I want to change the border of the last column, would the code below 
   be acceptable when using for example [one_half][/one_half][one_half_last][/one_half_last]
 *     ```
       .one_half{
       	font-size: 85% !important;
       	width: 49% !important;
       	margin-right: 2% !important ;
       	border-bottom-style: solid !important;
       	border-bottom-width: thin !important;
       	border-bottom-color: #436EEE!important;
       }
       .one_half.last.column
       {
       	font-size: 85% !important;
       	width: 49%!important ;
       	margin-right: 0px!important ;
                border-bottom-style: solid !important;
       	border-bottom-width: thin !important;
       	border-bottom-color: #000000 !important;
       }
       ```
   
 * Thank you!
 *  Plugin Author [Tobias Schutter](https://wordpress.org/support/users/tschutter/)
 * (@tschutter)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847974)
 * The easiest way to solve this would be to add your own class to the shortcode,
   like so:
 *     ```
       [one_half_last class="noborder"]
       My content.
       [/one_half_last]
       ```
   
 * This will enable you to target this specific column by it’s class and remove 
   it’s border.
 *     ```
       .one_half_last.noborder {
               border: none !important;
       }
       ```
   
 *  Thread Starter [cbridges](https://wordpress.org/support/users/cbridges/)
 * (@cbridges)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847999)
 * Tobias, That worked! Thank you so much for your help.

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

The topic ‘borders around columns’ is closed to new replies.

 * ![](https://ps.w.org/column-shortcodes/assets/icon-256x256.png?rev=1679769)
 * [Column Shortcodes](https://wordpress.org/plugins/column-shortcodes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/column-shortcodes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/column-shortcodes/)
 * [Active Topics](https://wordpress.org/support/plugin/column-shortcodes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/column-shortcodes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/column-shortcodes/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [cbridges](https://wordpress.org/support/users/cbridges/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/borders-around-columns/#post-3847999)
 * Status: resolved