Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14071

    Hey

    I’m trying to add borders to the thumbs on the artwork page but when I try it only adds borders to the top, left and bottom.

    http://cutecreations.co.uk/wp/artwork

    Kind regards

    Kate

    #81982

    Hi Kate,

    Try to add the following code in your Quick CSS:

    #top .slideshow li img {
    border: 2px solid black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    .slideshow.fade_slider {
    border-bottom: 1px solid black;
    }

    Just change the color and thickness of the border. Hope this helps. :)

    Note: Don’t change the thickness of the border in .slideshow.fade_slider.

    Regards,

    Ismael

    #81983

    Hey Ismael

    Thank you, this worked perfectly. I’ve just noticed a few other items that need a 1px border but not sure how to do it:

    • The related entries at the bottom of the portfolio pages: http://cutecreations.co.uk/wp/artwork/tie-dye-poa

    • The related products at the bottom of the product pages (looks like the border has just been scaled down?) http://cutecreations.co.uk/wp/shop/onigiri-fun-t-shirt-2

    Many thanks

    Kate

    #81984

    Hi Kate,

    Try to add this code:

    .related-portfolio img, .related.products img {
    border: 1px solid black !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    Just change the border color. Hope this helps. :)

    Regards,

    Ismael

    #81985

    Thanks Ismael :-)

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to add borders’ is closed to new replies.