Return to previous page

Hi - by malipl - on WordPress WooCommerce support

This topic has 33 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

malipl

Participant

October 19, 2018 at 12:38

Thank you now. However, I can not widen products on the entire page, as I will add 6 products, the pictures are smaller, they do not display under the product category. I would like the left and right arrows to have a different color and be cleared up right away and not after hovering.

https://prnt.sc/l7wzqm

#201350 Copied
Rose Tyler

Support staff

October 19, 2018 at 13:22
Please select Row stretch http://prntscr.com/l7xijc https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-make-full-width-or-full-height-row/ https://wpbakery.com/video-academy/category/row/
Also, watch our video tutorials https://www.youtube.com/playlist?list=PLMqMSqDgPNmCCyem_z9l2ZJ1owQUaFCE3
Add this code in Custom css for page http://prntscr.com/l7xlqe :
```
.swiper-entry .swiper-custom-left, .swiper-entry .swiper-custom-right {
    opacity:  1 !important;
    visibility: visible !important;
}
.swiper-entry .swiper-custom-left {
    color: red;
}
.swiper-custom-right:before {
    color: red;
}
.swiper-custom-left:before {
    color:  black;
}
```
Regards
#201354 Copied
malipl

Participant

October 20, 2018 at 01:50

Hello, this code does not work, the cart has disappeared

#201379 Copied
Rose Tyler

Support staff

October 22, 2018 at 10:11
Hello,

Please change this code:
```
.swiper-entry .swiper-custom-left {
    color: red;
}
.swiper-custom-right:before {
    color: red;
}
.swiper-custom-left:before {
    color:  black;
}
```
to
```
.swiper-custom-left:before, .swiper-custom-left:hover:before {
    color: red;
}
.swiper-custom-right:before, .swiper-custom-right:hover:before {
    color:  black;
}
```
Regards
#201422 Copied
malipl

Participant

October 22, 2018 at 13:48

Hello. The code you entered still does not work correctly.
Unfortunately, the photos are still not equal, I have already added all the codes from you, and scaled the photos, what could be a problem?

https://prnt.sc/l8zs4c

#201443 Copied

malipl

Participant

October 22, 2018 at 16:06

https://prnt.sc/l91xsn

Hello. Unfortunately, still photos in the store and on the fishing page are not equal, I do not know what is the reason, can not you force it somehow?

#201459 Copied

Olga Barlow

Support staff

October 22, 2018 at 17:39

Hello,

If you want to make all the photos equal then use crop option, e.g. http://prntscr.com/l9343a If you don’t want to crop images then prepare them before uploading to your media and make them all the same size, for example 1000x1350px. If you use all the images with the different size (one is 120x177px, another one 400x468px) you won’t get the nice grid.

Regards

#201477 Copied

malipl

Participant

October 22, 2018 at 19:54

I changed size to 1: 1 and unfortunately I still have the same problem

https://prnt.sc/l94ysw
so what i need to do?
thanks

#201487 Copied

Olga Barlow

Support staff

October 23, 2018 at 10:21

Hello,

1) Have you regenerated thumbnails after changing the image proportions in WC image settings to apply your changes?
2) The system will be able to crop only images that are larger than 300px that you set in WC settings. If you uploaded featured image for the product – 120x177px this image won’t be cropped.

Regards

#201519 Copied

malipl

Participant

October 23, 2018 at 19:42

Hello. I cut the photo and re-scaled it again. Just why are the picture borders different? one bigger second smaller?
How can I even align the photo frame?

https://prnt.sc/l9kwjl

#201563 Copied
Rose Tyler

Support staff

October 24, 2018 at 14:45
Dear @malipl,

If you do not want to upload all images in same dimensions, you can use custom css code. For example:
```
.content-product .product-content-image {
    max-height: 200px;
}
```
http://prntscr.com/l9wzyu

Regards
#201619 Copied
malipl

Participant

October 25, 2018 at 15:58

Thank you for your help. However, the whole frame of the product is bigger than the others

https://prnt.sc/ladrxj

#201707 Copied
Rose Tyler

Support staff

October 26, 2018 at 07:27
Hello,

Please delete the previous code and add this in Theme Options > Custom css > Custom css for desktop:
```
.single-product .product-content-image img {min-height: 300px !important;}
.content-product .product-content-image img { max-height: 268px;}
```
Regards
#201736 Copied
1 2

Viewing 33 results - 21 through 33 (of 33 total)