How can I center two pictures on my webpage?

Store Design
1

Hi

Maybe someone knows how can I set these two pictures in the center?

https://www.treats.lt/collections/naturalus-skanuku-rinkianiai

psw: xampoh

Darius10_0-1646849295466.png
Darius10_0-1646849295466.png1617×992 195 KB

1 Like
2

Hello @Darius10 ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → find file theme.css paste code:
.template-collection .collection-contents .grid--uniform{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

3

@Darius10

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 1199px) {
.collection-contents .grid--uniform {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}