Navigation
Archive / Cant make cards' corners rounded
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 22, 2016 at 1:53 am #1301467
    truth5212
    Participant

    I am trying to make the corners of my cards rounded and I applied this code into Custom> CSS

    .beg-card .x-card-outer .x-face-outer {
    border-radius: 10px;
    }

    I assigned the class of my card to be “beg-card”. Changes do not seem to take place. Thanks for helping!!

    December 22, 2016 at 1:56 am #1301469
    truth5212
    Participant

    Here is am image of the cards im referring to,

    December 22, 2016 at 1:57 am #1301471
    truth5212
    Participant
    This reply has been marked as private.
    December 22, 2016 at 2:18 am #1301486
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! Please heave your code updated and use this instead:

    .beg-card .x-card-inner .front,
.beg-card .x-card-inner .back{
   border-radius: 10px;
}

    We would loved to know if this has work for you. Thank you.

    December 22, 2016 at 2:41 am #1301505
    truth5212
    Participant

    Worked like a charm. What was wrong with the previous code and how can I identify the correct classes to type in the future? Thanks for teaching as I want to learn to be independent in customizing 🙂

    December 22, 2016 at 3:01 am #1301516
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! Your code did not work because it did not target the correct element class. You can correctly target the classes by using Chrome Dev Tools. For more details, please check this out: https://developers.google.com/web/tools/chrome-devtools/

    Hope this helps.

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