Three column responsive widget

I’m using wordpress to create a website and a purchased theme. I can’t get the HTML down for a three column, responsive widget. I want the columns to work similar to how I can create a three column table in Word. I want a small image with text under it in each of the three columns. So far, this is as far as I’ve got:

.newspaper { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; }

Note: Internet Explorer 9, and earlier versions, does not support the column-count property.

Insert text. Insert text. Insert text. Insert text. Insert Text.
  1. The text bleeds over into the other columns. I need to find a way to delineate the columns into three distinct, vertical columns. I want the three columns to each be self contained.

  2. I need to find a way to add a picture (that’s saved in my media library for wordress) on top of the text. Does anyone know how to manually pull a picture from the media library and insert it into a wordpress widget?

Thanks and any help would be much appreciated!

Sponsor our Newsletter | Privacy Policy | Terms of Service