Community Forums 

Main Content

V2 - Thumb reduces in size to accommodate description

    Jun 02 2016 16:49:24

    #1

    Don

    Join date : 2008-09-18      Posts : 487

    Using V2.

    Thumb images reduce in size to accommodate large product description - Is there a way around this problem other than reducing the description line.

    Any help greatly appreciated.

    DB.

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




    Jun 02 2016 18:55:45

    #2

    GT

    Join date : 2008-09-18      Posts : 3207

    I would point this out to Mal Don.

    Having trouble with a form or need one building?
    Fast turnaround, but I do charge :)

    Mal's Forms / Scripts and the syntax are here.




    Jun 03 2016 10:39:16

    #3

    Don

    Join date : 2008-09-18      Posts : 487

    I have just realised, I came across this problem last year and then found that you have to create line breaks, not by using <br> but by using {br}.

    DB.

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




    Jun 03 2016 16:08:38

    #4

    Don

    Join date : 2008-09-18      Posts : 487

    Mal suggests uploading a stylesheet to stipulate the minimum width of the Thumb cell by specifying as below.

    .thumbnail {
    min-width: 90px;
    }

    However it appears that I must have uploaded a stylesheet previously, but I have no idea which stylesheet I uploaded. Does anyone know how to view a current stylesheet. I don't wish to delete what is currently uploaded because I don't know which one it is, if I have to replace it.

    Any help greatly appreciated.

    DB.

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




    Jun 03 2016 17:24:28

    #5

    GT

    Join date : 2008-09-18      Posts : 3207

    Customize...

    UPLOAD YOUR OWN STYLE SHEET

    The link to your style sheet is inserted last, that means you can use it to overide all of the default styles. Your linked style sheet file should be less than 100Kb

    Having trouble with a form or need one building?
    Fast turnaround, but I do charge :)

    Mal's Forms / Scripts and the syntax are here.




    Jun 07 2016 08:55:37

    #6

    Don

    Join date : 2008-09-18      Posts : 487

    GT, thanks for your input, I tried various px sizes etc but all to no avail.

    DB.

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




    Jun 07 2016 21:50:45

    #7

    GT

    Join date : 2008-09-18      Posts : 3207

    What css are you using?

    Having trouble with a form or need one building?
    Fast turnaround, but I do charge :)

    Mal's Forms / Scripts and the syntax are here.




    Jun 08 2016 12:51:31

    #8

    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




    Jun 08 2016 12:57:47

    #9

    Don

    Join date : 2008-09-18      Posts : 487

    GT update - I have just added another line after the min-width: 50px

    min-width: 50px
    max-width: 50px

    This seems to have done the trick, unless there is a better way.

    DB

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




    Jun 08 2016 15:42:51

    #10

    GT

    Join date : 2008-09-18      Posts : 3207

    If you want the thumb fixed over ALL browsers, then min width and height is a way to do it...

    Having trouble with a form or need one building?
    Fast turnaround, but I do charge :)

    Mal's Forms / Scripts and the syntax are here.




       1   |   2      »