Multi and single columns

[wilma@we2international.com]

Hello Bill,

I’m using the visual editor of Black Studio tiny. All my widgets on the front page are divided in 3 columns. But I also want to add widgets that are wider, for 2 or 3 columns (full page width). How can I do this?

Is it also possible to add a vcard link and how can I do this?

Thanks again for your help.

Best regards,
Wilma

[Bill Robbins]

Hi Wilma,

Great question. You can change the width of your widgets on the home page, but the how depends on exactly which widget it is. If you’ll let me know which specific widgets you’d like to change the width on, I can send over the details on changing them for you.

For handling downloads, I use a plugin called Download Monitor (https://wordpress.org/plugins/download-monitor/). It’ll let you insert downloads via shortcode. One advantage of using the plugin vs. just inserting a link to your vcard file is the plugin will track the number of downloads. You could place the shortcode in a widget or in the content of a page/post and it’ll turn it into a link for you.

Let me know about the widgets and we’ll go from there.

Take care,
Bill

[wilma@we2international.com]

Hello Bill,

Thanks for your quick reply. I appreciate it.

The widget is called: Don’t hire us!
I would like it to cover 2 columns.

Thanks,

Wilma

[Bill Robbins]

Thanks Wilma,

Here’s what to do:

1. Go to the Appearance section in your WordPress dashboard and click on Customize.
2. Look down for the advanced section and click on it. Then choose Custom CSS.
3. In the box there, add this:

   
   #home-widgets #black-studio-tinymce-12 {
   	width: 710px;
   }
   
   @media only screen and (min-width: 1024px) and (max-width: 1180px) {
   	
   	#home-widgets #black-studio-tinymce-12 {
   		width: 590px;
   	}
   	
   }
   
   @media only screen and (min-width: 768px) and (max-width: 1023px) {
   	
   	#home-widgets #black-studio-tinymce-12 {
   		width: 690px;
   	}
   
   }
   
   @media only screen and (max-width: 767px) {
   	
   	#home-widgets #black-studio-tinymce-12 {
   		width: 100%;
   	}
   	
   }
   

4. Save your changes.

You may need to rearrange the order of the widgets there so they stack differently. With that widget being wider, that may help them fit together a bit better.

Let me know if you run into trouble,
Bill

[wilma@we2international.com]

Hi Bill,

THANKS. It worked. You’re the best :-).
Enjoy your weekend.

Wilma

[Bill Robbins]

Thanks Wilma…enjoy your weekend too 🙂

[Author]

Posts