Padding and bigger pictures

This topic has 22 replies, 2 voices, and was last updated 3 years, 6 months ago by Elise Noromit.

Viewing 23 posts - 1 through 23 (of 23 total)

Author

Posts
April 8, 2021 at 7:51 am #279970

vio
Participant

I need to help with the padding setup of the product as I have different sizes of pictures for the shop. Is it possible? Thank you.

And is there any way to make pictures bigger when i display shop as LIST view? now there is a lot of not used space in between picture and add to cart.

April 8, 2021 at 8:28 am #279997

vio
Participant

I am adding pictures also

Attachments:
You must be logged in to view attached files.

April 8, 2021 at 6:12 pm #280337
Elise Noromit
Member
Hello,

Thank you very much for choosing our theme and for contacting us.

Please try this code to the Theme Settings > Custom CSS > Global:
```
body .grid-masonry .product-grid-item {
    max-width: 50%;
}
```
Best Regards

Best Regards
April 8, 2021 at 6:28 pm #280349

vio
Participant

1. this makes the inside space filled with the 2nd row. Is there any way how to make product pictures bigger there /same experience as you slide on the phone?

2. any solution to make padding around products better aligned with padding when pictures have not the same height?

Attachments:
You must be logged in to view attached files.

April 9, 2021 at 7:46 am #280522

Elise Noromit
Member

Hello,

If I add any paddings the grid would be broken, It is not possible to make the image bigger.

Best Regards

April 9, 2021 at 1:19 pm #280824

vio
Participant

Oke so question 1 is answered and we keep as is.
Question 2 was not considered so i ask again: Is there any way how to fix at least problem with align of the pictures inside shop when in grid mode?

April 10, 2021 at 6:35 am #281099

Elise Noromit
Member

Hello,

You will have to crop the images, please find the instruction on how to do that:https://xtemos.com/docs/basel/image-size-in-a-product-grid/

If you have any questions please feel free to contact us.

Best Regards

April 15, 2021 at 2:10 pm #283251

vio
Participant

I did solved it by purchasing other plugin /Smart Image Resize Pro (Personal)/and then re-generating thumbnails pictures.

Now i have the last qestion. how to make product pictures in gallery /thumbanils/ pointing to the product page. now i need to click on text but like to have also picture containing link to the product page. Thanks for info.

April 15, 2021 at 6:01 pm #283324

Elise Noromit
Member

Hello,

Please try to change the design on hover in the Theme Settings.

Best Regards

April 15, 2021 at 6:02 pm #283328

vio
Participant

This i tried as 1st step and nothing has changed.

April 16, 2021 at 6:45 am #283445

vio
Participant

Can you let me know how to change bacground text here, then text color + size and also color of white rectangle shown on picture? Tried to find for css but was unable. Thank u

Attachments:
You must be logged in to view attached files.

April 16, 2021 at 9:42 am #283517

vio
Participant

I mean how to change hover color from black to something else. Text color I already got in typology settings.

April 16, 2021 at 9:04 pm #283698

Elise Noromit
Member

Hello,

Please provide the page URL, I am trying to view those you provided and I see this: https://prnt.sc/11je140

Best Regards

April 19, 2021 at 10:54 am #284284

vio
Participant

Sorry, i been re-regenerating product pictures. Please try now.
U need to log in to shop first to see prices.

1. I need to find how to style SELECT OPTIONS that is showm on image hower from white to other color and possible also font.
2. I need to have product pictures in shop view clickable and pointing to product

April 19, 2021 at 11:22 am #284292

vio
Participant

seems i have same issue like guy here, i don’t see those settings
https://xtemos.com/forums/topic/i-am-trying-to-change-my-product-image-style/

April 20, 2021 at 8:03 am #284533

vio
Participant

I did found the css for the prices. I hope last thing is login to see prices styling. Can you help me how to find it out?

Attachments:
You must be logged in to view attached files.

April 20, 2021 at 10:34 am #284604

Elise Noromit
Member

Hello,

Here is the selector for the Login to see price message: a.login-to-prices-msg

If you have any questions please feel free to contact us.

Best Regards

April 23, 2021 at 4:05 pm #286024

vio
Participant

Is there any way how I can make the product picture on the product page bigger?

Attachments:
You must be logged in to view attached files.

April 23, 2021 at 8:21 pm #286081

Elise Noromit
Member

Hello,

You can change the image size in the Theme Settings > Product page, find this option: Product image width

If you have any questions please feel free to contact us.

Best Regards

May 5, 2021 at 4:29 pm #289871

vio
Participant

how i can change that related products will be one picture row only for mobile/tablet.

Attachments:
You must be logged in to view attached files.

May 5, 2021 at 8:20 pm #289938
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
@media (min-width: 576px and max-width: 1024px){
body .related-products .product-grid-item.col-sm-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
```
Best Regards
May 7, 2021 at 9:46 am #290449

vio
Participant

is there any way that this one picture will be displayed in landscape mode on tablet and phone? So my similar items will be bigger and wide over whole page?

Thanks for info

May 8, 2021 at 8:52 am #290726

Elise Noromit
Member

Hello,

You can change the value of the screen (min-width: 576px and max-width: 1024px)

And you can change the width as per your needs.

Best Regards
Author

Posts