#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0

    Rounded Corners crop


    Hello,

    I implemented a jquery slider on my wordpress site however the area it is in has rounded corners. How can I hide the areas outside of the Div it is in?
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    298
    Rep Power
    8
    Can you provide some code please?

    I think you need to declare an overflow: hidden style to the area where the jquery slider is located to the overflow.

    Kind regards,

    NM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0
    Sure thing.

    The Code for the part of the wordpress page is:

    <?php
    get_header();
    ?>
    <div class="vidArea">

    <?php include (TEMPLATEPATH . '/sbdaytrips.php'); ?>
    <?php //begin loop ?>
    <?php if (have_posts()) : while (have_posts()) : the_post();?>
    <?php the_content(); ?>
    <?php endwhile; endif; ?>

    </div>

    The code is pulling in the short code that creates the Jquery Carousel.

    The CSS that pertains to this section is:
    .vidArea {
    height: 425px;
    width: 934px;
    border: #65BC45 1px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
    overflow: hidden;
    }
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0
    Also I just tested in firefox and the content is clipping. It is not in Chrome. Any ideas?

IMN logo majestic logo threadwatch logo seochat tools logo