Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi I have a section with 3 pictures that I wish to make smaller by 60% apporximatelly, I want the three pictures to fit the paragraph text parallel lines :
now its full screen i wan it to be exactly as the paragraph weight dimension.
Can you help me please?
https://artez.design/pages/marketing
Warm regards.
Solved! Go to the solution
This is an accepted solution.
Hi @Artez
Let try to add this custom css code:
.shopify-section .ai-three-images-block-adlhlmfk0dliva2nmraigenblockf7409f5nbdh4i {
margin: 0 auto;
max-width: var(--page-width);
}
@media screen and (min-width: 990px) {
.shopify-section .ai-three-images-block-adlhlmfk0dliva2nmraigenblockf7409f5nbdh4i {
max-width: 78rem;
}
}
@media screen and (min-width: 750px) {
.shopify-section .ai-three-images-block-adlhlmfk0dliva2nmraigenblockf7409f5nbdh4i {
max-width: 50rem;
}
}
This is an accepted solution.
Hi @Artez
Let try to add this custom css code:
.shopify-section .ai-three-images-block-adlhlmfk0dliva2nmraigenblockf7409f5nbdh4i {
margin: 0 auto;
max-width: var(--page-width);
}
@media screen and (min-width: 990px) {
.shopify-section .ai-three-images-block-adlhlmfk0dliva2nmraigenblockf7409f5nbdh4i {
max-width: 78rem;
}
}
@media screen and (min-width: 750px) {
.shopify-section .ai-three-images-block-adlhlmfk0dliva2nmraigenblockf7409f5nbdh4i {
max-width: 50rem;
}
}
thanx brother, really helpful. I did not forgot that I awe you.
Lost my card, hope to find it soon or i will order a new one.
Warmregards
Thank you. Great to see you, Artez!