Border on itemContainer while retaining columns

  • 4 December 2016
  • 0 replies
  • 2 views

Badge

Hello Folks!

 

This is my first time on the forums and I appreciate your time.

 

I have my blog set up to have 2 columns for blog posts within a category. When I go into the css file and try to add a border to div.itemcontainer, I end up with the border but instead of the two columns, they end up all in one column on the left side of the page. Does anyone have any helpful tips? I am a new user to css.

 

website: http://animasmarketing.com/blog

 

div.itemContainer {float:left;}
  div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
  @media screen and ( max-width:600px ){
   div.itemContainer {float:none;display:block;width:100%!important;}
  }

/* --- Item block for each item group ---

 

-------------------------

 

The border only showed up when applied to the first div.itemContainer and did not keep the double column.

 

Thanks!


0 replies

Be the first to reply!

Reply