WordPress.org

Support

Support » Plugins and Hacks » [Resolved] CSS help please?

[Resolved] CSS help please?

  • http://www.lintonhallrealtors.com/mobile-apps/

    For some reason the tabbed content area is not all appearing withing the box with the rounded corners. It’s very subtle, but it bugs me. Can anyone help?

    This is a mock-up of the mobile apps page. This is the common content above the tabbed interface.
    
    [tab name="iPhone"][one-half-first]
    <h2 class="fancyText superLightText empTextSuper fNormal">Linton Hall Realtors® iPhone App</h2>
    <strong>Find exactly what you’re looking for.</strong>
    Use search filters to see all homes for sale that match your interests.
    
    <strong>Be the first to know.</strong>
    Get notifications about new matches as soon as they come on the market.
    
    <strong>Team up with a local expert.</strong>
    Your local real estate agent is always ready to help.
    <p class="largeVMarg"><a class="medRtMarg primaryBtn btnEmphasis" href="http://itunes.apple.com/us/app/ziprealty-real-estate/id340513671?mt=8" target="_blank">Download Now</a>
    <a href="http://itunes.apple.com/us/app/ziprealty-real-estate/id340513671?mt=8" target="_blank">
    <img style="vertical-align: middle;" alt="ZipRealty on Apple App Store" src="http://images.static-ziprealty.com/z/20130509172912/images/mobile/2013/apple_app_store.png" />
    </a></p>
    [/one-half-first]
    [one-half]
    <img class="alignright size-full wp-image-4259" alt="iPad-placeholder" src="http://www.lintonhallrealtors.com/wp-content/uploads/2013/05/iPad-placeholder.png" width="415" height="415" />
    [/one-half][/tab]
    [tab name="iPad"][one-half-first][/one-half-first][one-half][/one-half][/tab]
    [tab name="Android"][one-half-first][/one-half-first][one-half][/one-half][/tab]
    [end_tabset]

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

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

    @t31os_

    The two elements you have side by side(which appear to be generated by another shortcode) have floats applied to them, you need to clear the floats to prevent the elements breaking out of their container.

    Give this a shot, add the following before the closing [/tab].

    <br class="clear" />

    or alternatively(if you prefer)

    <div class="clear"></div>

    And that should solve the problem, either way, let know how you get on.. 🙂

    Clearfix solved the problem. Thanks!

    Plugin Author Mark / t31os

    @t31os_

    Happy to help.. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] CSS help please?’ is closed to new replies.