Community Forums 

Main Content

Re:V2 - Thumb reduces in size to accommodate description

    Jun 08 2016 12:51:31

    #1

    Don

    Join date : 2008-09-18      Posts : 487

    GT - I used Mal's standard script.css template with my own previous additions added to the bottom of the list, as below.

    #cart_items .delete_button {
    background-image: url("https://www.aitsafe.com/ddn/images/icons/delete1.gif";);
    background-repeat: no-repeat;
    text-indent: -999px;
    vertical-align: middle;
    background-color: #ffffe1;
    width: 25px;
    }

    #cart_items .thumbnail {
    background-image: url("https://www.aitsafe.com/ddn/images/icons/thumbnail.gif";);
    background-repeat: no-repeat;
    text-indent: -999px;
    vertical-align: middle;
    background-color: #ffffe1;
    min-width: 50px;
    height: 50px;
    }

    As you can see I have altered the 2nd line from the bottom from width: 50px to min-width: 50px - But this stretches the image width to about 90px on a full screen - But stops it from reducing below 50px

    Therefore I don't know what to alter or add - Previously on a full screen it was displaying my 50x50 thumb images OK, but due to a lot of descriptive text it would shrink the thumb to about 10px.

    Any help greatly appreciated.

    DB.

    www.donbarrow.co.uk
    www.pacenotes.com
    Please either Share or Like my Facebook