Can I have a 2 column widget?

[Dandelion222]

I have been struggling to show the daily bread schedule on our homepage. I was originally working with your contact widget on the left and the bread schedule on the right. But I just can’t seem to fit it into that single column (and be readable). So I thought I’d switch it round. I don’t need 2 columns for contact info.

But I can’t seem to get it to show my picture without cropping it down to a single column. I really need the width to display this information. Any ideas?

[Bill Robbins]

You can do that. The widths of all elements are set via CSS. So you just need to grab the class/ID of the element you’d like to change and pick a new width. Most of the time with a new width you’ll want to wrap it in a media query so the size only affects the screen size you have in mind.

I took the width and padding from the contact widget and applied it to this image widget that you have.

1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
2. From the tabs at the top, choose the Styling one.
3. Scroll down to the Custom CSS box and add this:

   
   @media only screen and (min-width: 768px) {
   
   	#home-middle .widget#image-12 {
   		width: 575px;
   		padding: 15px;
   	}
   
   }
   

4. Save your changes.

Take care,
Bill

[Author]

Posts