Navigation
Archive / Need rounded corners on blog post
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 28, 2016 at 4:35 am #854920
    Gnosis123
    Participant

    Can’t seem to get rounded corners on my main blog page. I’m using:

    .blog .post {
    margin-bottom: 20px;
    border-radius:15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    Space between posts are fine as is shadow… but radius? Nope.

    March 28, 2016 at 4:37 am #854922
    Zeshan
    Member

    Hi there,

    Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

    Thanks!

    March 28, 2016 at 4:41 am #854928
    Gnosis123
    Participant
    This reply has been marked as private.
    March 28, 2016 at 5:04 am #854938
    Zeshan
    Member

    Hi there,

    Thanks for the URL!

    To make the blog posts rounded, please replace your CSS with following: 

    .blog .post {
  margin-bottom: 20px;
  border-radius: 15px!important;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    Thank you!

    March 28, 2016 at 5:09 am #854941
    Gnosis123
    Participant

    Fantastic. Thank you. I’ve spent hours trying to do it!

    March 28, 2016 at 5:13 am #854947
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-854920 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>