Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #16502

    I am trying to line up the related products but I noticed that the images have 2 borders on them – a darkish grey colour and a very pale grey outer border. I am trying to get rid of the outer border.

    My web inspector says it is the .summary div element but I don’t want to remove this completely in case it appears elsewhere.

    You may have to take a screenshot and zoom in to see both of the borders.

    Kind regards




    Add following code to css/custom.css – it should fix the issue:

    #top .product_column_3 .products .product {
    width: 30.6%;

    You can also remove the border with following code:

    .summary div.thumbnail_container {
    border: none;




    Thanks Peter :)


    Hi Kate,

    Glad that Peter helped you. :)



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

The topic ‘Double border on related products’ is closed to new replies.