Widget width help, please

[Kim Hannan]

Bill: My client wants one widget two columns wide on the Home Pg Bottom and one a single width…we are talking Text widgets now. So, I need to know how to identify the specific text widget so I can drop in the size I want. Specifically, we want “About” widget to be two columns wide.

The site is still hidden, so under my personal suffix for now.

Thanks, Kim H

[Bill Robbins]

Good Afternoon Kim,

To the best of my knowledge the widget ID isn’t displayed anywhere in the WordPress admin, so you’ll have to view the source of the page in question to find the widget. It look something like this:

<div id="text-5" class="widget widget_text">

In this case text-5 will be the ID of the widget we need. Once you know the ID, here’s how you can make it widget 2 columns wide:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (min-width: 1024px) {
   
   	#text-5 {
   		width: 603px;
   	}
   
   }
   

3. Replace #text-5 with the ID of the widget you'd like to change.
4. Update your settings.

That should make it two wide for you. Let me know if you have any trouble there.

Have a great week,
Bill

[Kim Hannan]

Bill: It did the trick, but then bumped Text-3 down below. I would prefer it to stay parallel with the top of the now-double-wide Text widget.

Am sure you have the remedy.

Thx, Kim

[Bill Robbins]

That’s a bit perplexing. The only way I see for them to fall into line is to swap the order. If you place the smaller widget first, the larger widget will line up next to it, but not the other way around. That’s really weird.

Are you going to need any other widgets in the home bottom area? If you don’t, then we can turn off the masonry script there, and simply float the larger widget one way and the smaller one the opposite direction. That won’t work though if you’ll need more than two widgets there.

Just let me know if you want to try that.

[Kim Hannan]

We will go with that for now. Still trying to decipher what all client wants on home page, so this will keep them from having a heart attack at the masonry issue haha!

Have a great evening, Kim H

[Bill Robbins]

Ha 🙂

[Author]

Posts