How can I fix image box alignment issues?

IamLLIIME · ‎02-14-2021

Good day! Can you help me to fix this issue? When I'm adding another image box it always

align

Here is the code that I used

div.gallery:hover {
border: 2.9px solid #777;
}

div.gallery img {
width: 850%;
height: 800;
}

div.desc {
padding: 0px;
text-align: center;
}
</style>
<body>

</div>

<div class="gallery">
<a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit5.png?v=1613351739">
<img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit5.png?v=1613351739" alt="SPEEDGATES" width="600" height="400">
</a>
</div>

div.gallery:hover {
border: 2.9px solid #777;
}

div.gallery img {
width: 850%;
height: 800;
}

div.desc {
padding: 0px;
text-align: center;
}
</style>

<body>

align Here is the code that I used<style>.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.wrapper {max-width: 1600px;margin-bottom: 15% !important;}div.gallery {margin: 25.5px;border: 3px solid #aaa;float: inherit;width: 330px;height: 400px}div.gallery:hover {border: 2.9px solid #777;}div.gallery img {width: 850%;height: 800;}div.desc {padding: 0px;text-align: center;}</style><body><div class="row justify-content-center" ><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit8.png?v=1613351742"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit8.png?v=1613351742" alt="UPS" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit5.png?v=1613351739"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit5.png?v=1613351739" alt="SPEEDGATES" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit7.png?v=1613351736"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit7.png?v=1613351736" alt="CABLES" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit2.png?v=1613351737"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit2.png?v=1613351737" alt="CABLES" width="600" height="400"></a></div></div></body> <style>.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.wrapper {max-width: 1600px;margin-bottom: 15% !important;}div.gallery {margin: 25.5px;border: 3px solid #aaa;float: none;width: 330px;height: 400px}div.gallery:hover {border: 2.9px solid #777;}div.gallery img {width: 850%;height: 800;}div.desc {padding: 0px;text-align: center;}</style><body><div class="row justify-content-center"><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit1.png?v=1613351735"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit1.png?v=1613351735" alt="" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit4.png?v=1613351734"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit4.png?v=1613351734" alt="" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit3.png?v=1613351739"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit3.png?v=1613351739" alt="" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit6.png?v=1613351733"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit6.png?v=1613351733" alt="" width="600" height="400"></a></div><div class="gallery"><a target="_blank" href="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit6.png?v=1613351733"><img src="https://cdn.shopify.com/s/files/1/0427/7302/0824/files/edit6.png?v=1613351733" alt="" width="600" height="400"></a></div></div></body>

centersample image

Hardik29418 · ‎02-14-2021

Please provide website url and if your store is password protected then also provide password

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

IamLLIIME · ‎02-15-2021

@Hardik29418 I already added you as a staff, the theme that I was referring was "Copy of OriginalLayout" under section --> service-template.liquid. Please let me know if your already done with it, thank you so much!

Hardik29418 · ‎02-15-2021

Please provide website URL.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

Hardik29418 · ‎02-15-2021

On which page on website?

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

IamLLIIME · ‎02-16-2021

The theme is currently not yet published, it was name "Copy of OriginalLayout" Under theme-> edit codes-> sections-> service.template.liquid @Hardik29418 https://faxcable.com.ph/pages/repairs-and-maintenance