Jump to content


Photo

Product Image Site Wide Resize

images css resize

  • Please log in to reply
1 reply to this topic

#1 Jake Siemens

Jake Siemens

    Forum Newcomer

  • Members
  • Pip
  • 1 posts

Posted 14 February 2017 - 08:07 PM

I was just hoping someone could help me resize my product images to 400px by 400px sitewide.

 

The CSS is inline and i can't figure out how to edit my product images so that they will all be the same size.

 

Here is a link to my Product Page: http://www.wiselinet...item?id=D25263K

 

Thanks



#2 alexmv

alexmv

    Forum Newcomer

  • Members
  • Pip
  • 6 posts
  • Gender:Male
  • Location:Ruse, BG
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 17 February 2017 - 04:34 PM

The fast and dirty solution is to edit the inline CSS and make width 400px instead of 250px. Then you need to make sure that all your images are square with a minimum width of 400px.

 

One advice - always avoid inline CSS. 

 

The best solution is to make an image as a background of DIV element with width and height 400px. Here is described how: https://css-tricks.c...s/o/object-fit/ This way the actual size of the image does not matter. They will all fit the parent container.

 

Let me know if you need more help.

 

Alex







Also tagged with one or more of these keywords: images, css, resize

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users