WordPress.org

Ready to get started?Download WordPress

Forums

WP UI - Tabs, Accordions, Sliders
Width and alignment (6 posts)

  1. chill986
    Member
    Posted 1 year ago #

    I need the ability to specify the width and alignment of tabs and spoilers without using style references in the page because of the way WordPress strips out any "style" related contents of divs. Is there an option for specifying width and alignment? I posted this question on your website, but no response as of yet.

    http://wordpress.org/extend/plugins/wp-ui/

  2. ShatteredChain
    Member
    Posted 1 year ago #

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

  3. akridgeblue
    Member
    Posted 1 year ago #

    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

  4. chill986
    Member
    Posted 1 year ago #

    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.

  5. akridgeblue
    Member
    Posted 1 year ago #

    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.

  6. gdisalvo
    Member
    Posted 1 year ago #

    Hello akridgeblue,

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.