WordPress.org

Support

Support » Plugins and Hacks » Post UI Tabs » [Resolved] Custom CSS – How do you stop overlapping content below the custom Tabs?

[Resolved] Custom CSS – How do you stop overlapping content below the custom Tabs?

  • I’m using the UI Tab for a screen shot gallery and a video gallery. However, the UI Tab overlaps the content that I have below it.

    I know the UI tab is “floating” but how can I stop it from doing this.

    so if one tab has only 300 px High worth of content, and the next tab has 700px high of content, i need the content that appears below the UI Tabs to move down or up the page based on the “height” of the content of the UI Tabs.

    http://wordpress.org/extend/plugins/put/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Mark / t31os

    @t31os_

    Post UI Tabs does not control the CSS, the stylesheet is included directly from the jQuery CDN, can you give me a specific example of the output you’re having a problem with? (maybe i can make a suggestion or two).. 🙂

    A live link would do wonders, but beyond that a sample of the markup you’re using.

    I’m using Skeleton Responsive CSS (sixteen columns)
    And I don’t have a live link due to it being developed on a staging server.

    <div class="container">
    <div class="sixteen columns">
     <div style="margin-top: 20px;">  UI TABS here </div>
    </div>
    <div class="eleven columns">
     <div style="margin-top: 40px;">Content that takes up eleven columns</div>
    </div>
    <div class="five columns">
    <div style="margin-top: 40px;">Content that takes up five columns</div>
    </div>
    </div>

    so the UI TABS are overlapping the content in the “eleven columns” and “five columns”.

    Plugin Author Mark / t31os

    @t31os_

    Without seeing it live(i could tweak CSS and fiddle that way), it’s quite hard to say, but maybe you just need to clear a float?

    <div style="clear:both"></div>

    Beyond that, perhaps it’s a margin issue, have you tried tweaking margins?

    Can you possibly test inside another theme? (that will give us pointers as to whether the current theme’s stylesheet might be setting some rules that are causing an issue).

    Its a custom theme, but I also tested on the twenty-eleven theme that comes with wordpress.

    edit: your solution worked.

    Plugin Author Mark / t31os

    @t31os_

    Happy i could help. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Custom CSS – How do you stop overlapping content below the custom Tabs?’ is closed to new replies.
Skip to toolbar