ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• July 26, 2016 at 8:55 pm #284075
  oriweb

  Member

  Post count: 24

  Hello,

  We’re loving your theme but just having a few issues. They all seem to be related to sizing.

  They problems are:

  -BUTTON: The ‘Buy Now’ button in our header is getting squished vertically (no padding, unlike the header button in the demo)
  -PRODUCT IMAGE: One our product page, the main image gets distorted when resizing the window
  -LOGO: When scrolling down the logo transitions from white to black, but the black version is stretched horizontally. This only seems to happen on retina screens.

  Thanks!

  July 28, 2016 at 10:37 am #284540
  David Martin – Support

  Moderator

  Post count: 20834

  1) Please use this in Theme Options > Custom CSS:

  #header .std-menu ul.mega-menu > li > a.sf-button, 
  #header .std-menu ul.menu > li > a.sf-button {
      padding: 12px 26px;
  }

  2) What is the image size you are uploading into WP for the main image? Were they uploaded before you used this theme?

  3) Please use this in Theme Options > Custom CSS:

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  #logo img.retina, #mobile-logo img.retina {
      width: auto;
  }
  }

  August 5, 2016 at 11:57 pm #286138
  oriweb

  Member

  Post count: 24

  Thank you!

  The logo and button CSS worked perfectly.

  As for the images, yes they were previously uploaded. Should I delete and re-upload?

  August 6, 2016 at 12:22 am #286141
  oriweb

  Member

  Post count: 24

  Update: I deleted and re-uploaded the images. It now doesn’t seem to be stretching when making the window larger, but they do get cut off when making it smaller. Do I need to adjust my image size settings in woocommerce? Ideally the image would fit to the window size and the user would not have to scroll down to see the full image. Any help would be appreciated!

  Thanks.

  PS: how do I edit a reply? I tried to do so instead of creating a new reply, but couldn’t see an ‘edit’ function.

  August 8, 2016 at 10:22 am #286236
  David Martin – Support

  Moderator

  Post count: 20834

  yes, please amend the sizes in Woo: WooCommerce > Settings > Products > Display. Then, you need to use this plugin to rebuild your thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/.

  August 18, 2016 at 10:27 pm #288209
  oriweb

  Member

  Post count: 24

  Thanks David.

  Is there a specific size (or ratio?) that I need to use for the images to display properly?

  August 19, 2016 at 5:37 pm #288433
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks David.
  Check here in this page below.( WooCommerce Image Settings )

  http://uplift.swiftideas.com/documentation/2014/05/10/setting/

  Hope it helps.

  -Rui

  August 23, 2016 at 12:46 am #288773
  oriweb

  Member

  Post count: 24

  This reply has been marked as private.
  August 24, 2016 at 11:42 am #289144
  David Martin – Support

  Moderator

  Post count: 20834

  The fullwidth image layout you are using for the product will stretch the image to fit the area. You can also see this here: on the demo: http://uplift.swiftideas.com/product/new-standard-jeans/

  Using the standard product layout would not do this. You could test using a much larger image size to better match this layout. Ex: 1400×1400

  Thanks.

• Back to forum

  Posted in: Uplift