Border Radius Android Glitch?

  • Hello Everyone,


    Wondering if someone might have a fix for a border radius glitch on the Android device where the forum posts are only? I made up a video to show it.


    The only source of knowledge is experience. - Albert Einstein

  • CSS
    @media screen and (max-width: 768px) .messageList:not(.messageReducedList) .messageSidebar {
    border-radius: 25px;
    }
  • Hello again scy,


    I did try that CSS code there but it not work for me. I appreciate the help though.


    Been playing around with CSS codes to design my forum. Have fun with it, but times I can't figure it out.


    I'm going to quit for a while. Have some other issues going on in my life now so have to give it a break.


    So everyone please cancel this request and thank you. You guys rock with the help :thumbup:

    The only source of knowledge is experience. - Albert Einstein

  • Hey hey,


    I played around with it some more and got it to look a little bit better with this CSS code. Made adjustments to the padding.


    Code
    .content > .section, .content > form, .sectionContainer {
    border: 3px solid #9e0909;
    border-radius: 25px;
    padding: 20px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    }

    The only source of knowledge is experience. - Albert Einstein

  • You’re declaring a general padding in line 4 and afterwards you’re overriding it again for all available directions. That makes no sense. :)


    In this case it would be better to replace the lines 4 to 8 with this:

    padding: 20px 15px;

  • Hello tunhj1,


    This is the code I used...

    Code
    .content > .section, .content > form, .sectionContainer {
    border: 3px solid #9e0909;
    border-radius: 25px;
    padding: 20px 15px;
    }

    The only source of knowledge is experience. - Albert Einstein

  • This is the sidebar code I used

    Code
    .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
    border: 3px solid #9E0909;
    border-radius: 25px;
    }

    The only source of knowledge is experience. - Albert Einstein

  • Hello O-mega


    I took it down because I got the help I needed. It was just a video to show a glitch I was having with the border radius.

    The only source of knowledge is experience. - Albert Einstein

  • Yes, you are right. Next time I make a video, I will leave it up.

    The only source of knowledge is experience. - Albert Einstein

  • You're welcome tunhj1,


    I don't know why your dashboard boxes don't have the border. Maybe someone else can help you with that. I don't have any boxes on my dashboard showing. Right now I don't have my forum up because I'm looking for another hosting provider. I'm kind of a noob when it comes to the CSS codes.

    The only source of knowledge is experience. - Albert Einstein