[Plugin: WP UI – Tabs, Accordions, Sliders] Width and alignment

Did anyone figure this one out? I’m having the same issue.

Yeah this is the first thing I worked out on my install. I just simply went in to my WordPress theme style-sheet(style.css) and added a custom style:

#specialtabs {
overflow: visible;
width: 700px;
height: auto;
valign= top;
}

Then in my pages/posts I added all my content into the div but had the id of the style. Works just fine.

<div id=”specialtabs”>
tab content here
</div>

Example.

Cheers,
Michael

That’s all well and good, but the first time your client goes in to modify in the visual editor, all your div tags get stripped out. This should be a parameter in the shortcode. That would be the absolute cleanest way.

Yeah its a quick fix and I do all the editing so its not a problem in my case. I haven’t actually experience the reset when switching from HTML to visual editors. My div ids don’t get striped out but if you are adding style directly then yes it will. But the downside of course is if there is a new page the div code won’t be there.

If you are using it as a CMS then give the client a FAQ with all the shortcodes. I say this because many times the WP UI drop-down visual button doesn’t work properly so its useless in visual anyways. Then its much easier to create a custom shortcode with all the div styling that the client can add. Then you can create multiple styling options in shortcode and give it to the client to create custom pages/posts.

Its not the easiest solution but its nice once its all setup. Some documentation.

I haven’t tried this plugin but looks promising. Link.

Hello akridgeblue,

You fixed my problem – thank you! I will add your solution to my question in another post.
All the best!