Navigation
Archive / promo border
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 1, 2017 at 5:18 am #1390070
    florispriester
    Participant

    I would like to have a promo item with a 1px border everywhere.

    I used in custom > global CSS;

    .x-promo-image-wrap > img {
    border: 1px solid #ffffff;
    }

    .x-promo {
    border: 1px solid #ffffff;
    }

    This gave me that but the border around the picture is one px further out..
    Can you help me?
    Thanks!
    Floris

    March 1, 2017 at 5:48 am #1390106
    Thai
    Moderator

    Hi Floris,

    Please provide us with your website URL so we can take a closer look.

    Thanks.

    March 1, 2017 at 5:57 am #1390118
    florispriester
    Participant

    http://37.97.235.180/~gforce/

    March 1, 2017 at 6:44 am #1390179
    Christopher
    Moderator

    Hi there,

    Please update your code to :

    .x-promo {
    border: 1px solid #ffffff;
    overflow: hidden;
}
.x-promo-image-wrap > img {
border-bottom: 1px solid #ffffff;
}

    Hope it helps.

    March 1, 2017 at 12:00 pm #1390679
    florispriester
    Participant

    It did! Thnx 🙂

    March 1, 2017 at 12:35 pm #1390723
    Joao
    Moderator

    Glad to hear it,

    Cheers

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