[thebudclubParticipant]

paul, you wonderful man. the shop is all aligned. thank you so much for your help.

[Paul RModerator]

You’re welcome! 🙂

[thebudclubParticipant]

paul,

i’m sorry to bother you (again). if i start to make the width of the screen smaller, once it shrinks below 4 product per row view, the honey oil and bubba kush images are not aligned to the other images.

i attached images

thank you paul <3 <3 <3 <3

[JoaoModerator]

Hi There,

The best pratice and best solution is to re-upload all your images with the same size.

This will make your shop much better in terms of performance and also will make your products look better on every screensize.

At the moment they have differente sizes.

Please compare :

http://thebudclub.ca/wp-content/uploads/2017/02/rockstarkush-250×275.jpg

http://thebudclub.ca/wp-content/uploads/2017/03/BubbaKush-300×300.jpg

Hope it helps

Joao

[thebudclubParticipant]

so once i go to upload a photo, and it says 2000×2100 pixels (or whatever), where should i set the 275×275?

[JoaoModerator]

Hi There,

You should set the size of your images on Photoshop or similar software.

Create an image that is 275×275 on Photoshop.

Insert and center your images there.

Export them.

Re-upload to your website.

Hope it helps

Joao

[thebudclubParticipant]

hi joao,

is there any less advanced software than photoshop for this simple task you or someoneon the x theme would recommend i use?

thanks x theme team

[ChristopherModerator]

Hi there,

Please try this online editor : https://www.befunky.com/create/
I didn’t use it before but it seems to be good option for your need.

Hope it helps.

[thebudclubParticipant]

worked great.

quick question,

when a user is not logged in and they are looking at the shop, instead of ADD TO CART, the button is READ NOW. I just want to remove the cart icon for the READ NOW button.

how would i do that? thanks

[Rue NelModerator]

Hello There,

Thanks for updating in! To remove the icon in the read more button, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.archive.woocommerce:not(.logged-in) li.product .entry-header .button:before {
    display: none !important;
}

Hope this helps. Please let us know how it goes.

[thebudclubParticipant]

perfect, thank you for the clear instruction, rue nel.

[ChristopherModerator]

You are welcome.

[thebudclubParticipant]

Hey Guys,

Just to clarify product image sizing in the shop.

Bubba Kush was uploaded at 2000 x 2000 pixels and it still shows up shorter than the other product images on certain browser widths.

it is fine at the minimum and max width, but everything in between is mangled.

this leads me to believe it is a CSS formatting issue and not to do with the file upload…

my woo commerce also has 3 settings for different image sizes under the official woocommerce settings:

[LelyModerator]

Hello There,

By default, X have it’s own settings for Woocommerce image size. But then base on your screenshot, you have disable this option. Make sure that you do regenerate thumbnails. Bubba Kush is fine using 300×300 thumbnail size that you have set. But then the other 3 images are 250×275. Try to regenerate thumbnails.

Hope this helps.

[thebudclubParticipant]

can you please explain what regenerating thumbnails means, and specifically how to make sure all of the image sizes stay the same?

preferably i would like it so that there was one main image resizing css or that woocommerce setting, in which i could adjust the image sizes if need be

[Author]

Posts