Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 30, 2015 at 11:35 pm #527757
    chrisdawsonkc

    I am trying to match the rounded corners I have on my text modules with my video modules. This is the code I am using for my text modules:

    .page-id-55 .avia_textblock {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid ;
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    }

    Here is the webpage, http://arrowrealtynetwork.com/kansas-city-real-estate-investing/
    There is 1 video module on this page that I need to make rounded.

    I used this code:

    .page-id-55 .avia-video .avia-video-16-9 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid ;
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    }

    for the video, but as you can see, it appears the video is overlaying on top of the rounded corners. I want the image to appear like it has rounded edges so it fits in the box.

    Please help.

    October 31, 2015 at 1:48 am #527796
    Josue

    Hey Chris!

    Try with this code:

    .page-id-55 .avia-video {
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid ;
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
}

    Best regards,
    Josue

    October 31, 2015 at 1:58 am #527799
    chrisdawsonkc

    That did it! I swear I tried that already but I must have had something off.

    Thanks for your quick response!

    October 31, 2015 at 3:51 am #527821
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    November 2, 2015 at 8:52 pm #528788
    chrisdawsonkc

    OK, after doing a little testing, it appears that we have not completely resolved the issue. When you first load the page, it looks great. However, when you click on one of the videos to play, you can see that there is some sort of overlay that still has square corners instead of rounded corners.

    Any idea how to fix this?

    November 2, 2015 at 10:31 pm #528852
    Josue

    Yeah that’s a known webkit bug, unfortunately there’s little we can do from our end.

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.