• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 23.05.18, 17:53
  • Opened by: Rizak
  • Closed by: Marek
  • Closed on: 04.06.18, 12:17
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12280 - pictures category module

Hi Marek,

I already asked but i don’t remember.

How can i change picture size of promokit category thumb?
See attached file plz

Thank you

Comments

Marek 27 May 2018, 23:25

Hi, Rizak.
How do you want to change it? Do you want to have more images on your home page per line, or you just want to scale existing images?

Rizak 28 May 2018, 00:28

Hi Marek,

I just would like to scale existing images.
How can i set this?

Marek 29 May 2018, 10:30

Try following CSS:

.pk-categories-list ul li .pkcl-wrap {background-size: auto}
Rizak 29 May 2018, 16:51

Hi Marek,

Tested, it doesn’t seem to work…

Marek 30 May 2018, 10:48

Try this:

.pk-categories-list ul li .pkcl-wrap {background-size: auto !important}
Rizak 30 May 2018, 16:02

Hi Marek,

Almost, please check bottom page : https://30exemplaires.fr/ and “2.jpg” file

Rizak 30 May 2018, 16:05

… By the way, could you help me on the following point Marek : centering pictures on page

Why this does not work ?

<img src="#" style="margin-right: auto; margin-left:auto;" />

Pictures should be centered but it stays left or right aligned …

Marek 02 Jun 2018, 13:05

Do you want to center images vertically? Because horizontally it looks fine

Rizak 02 Jun 2018, 20:21

Hi Marek,

1/… i was talking about pictures on cms pages, like here : https://30exemplaires.fr/content/64-edition-limitee

Pictures are left aligned, i try different css code, without success…

2/ About home page, did you check the result?

Marek 02 Jun 2018, 21:50

Try following CSS:

.page-cms img {
margin: 0 auto;
display: block;
}

2. Yes, it looks like this for me: http://take.ms/8NfJb

Rizak 04 Jun 2018, 11:06

Hi Marek,

1/ Thank you, works.

2/ Please see attached file “3.jpg”

Marek 04 Jun 2018, 11:15

Ok, I see.

.pk-category-title {display:none}
.pk-categories-list ul li a:after {padding-bottom:30%}
Rizak 04 Jun 2018, 11:29

Nice, it works but how i get that ? –> 4.jpg

Marek 04 Jun 2018, 11:39

try this

body .pk-categories-list ul li a:after {padding-bottom:30%}
Rizak 04 Jun 2018, 12:00

Perfect Marek, you rock!
Thank you