Change Thumbnail Size and Hard Crop

  • Resolved Amber Hewitt

    (@graphicgoo)


    5 years, 7 months ago

    Is there a way to have a hard crop of all the thumbnails on the main catalog page? I wish to have all the thumbnails the same size – 206 x 151. Is there a code I can add to the functions.php file?

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Amber,

    Could you try adding this code to the ‘Custom CSS’ box (on the “Edit catalogue” page):

    div.upcp-thumb-image-div img {
min-height: 151px;
width: 206px!important;
height: auto!important;
max-width: none!important;
max-height: none!important;}

.upcp-thumb-image-div a	{
display: block;}

div.upcp-thumb-image-div img {
border:none;}

.prod-cat-thumb-image-div .prod-cat-contemporary-hover-div {
display: block;
border: 5px solid #dcdbdb;}

.prod-cat-thumb-image-div:hover .prod-cat-contemporary-hover-div {
display: block;
border: 5px solid #000;}
    Thread Starter Amber Hewitt

    (@graphicgoo)

    Thanks so much!

    I also added this bit of CSS to get the link to work for the thumbnail:

    .prod-cat-contemporary-hover-div .prod-cat-contemporary-hover-button {
	margin: 0; 
	width: 100%; 
	border: none; 
	background: transparent !important; 
	color: transparent !important; 
}
.prod-cat-contemporary-hover-div .prod-cat-contemporary-hover-button.prod-cat-contemporary-hover-button-bigger-margin {
    margin-top: 0; 
}

    This makes the Details link cover the thumbnail and transparent.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Thumbnail Size and Hard Crop’ is closed to new replies.