What's your biggest current challenge? Have your say in Community Polls along the right column.

Black frames next to the photos

Black frames next to the photos

memu
Shopify Partner
22 0 1

I wonder if I can handle the black frames next to the photos with codes

 

Ekran görüntüsü 2024-11-09 132936.png

Reply 1 (1)

rajweb
Shopify Partner
431 40 66

Hey @memu ,

Add Custom CSS:

For example, if the frames have a class called .black-frame, you can add the following CSS:

.black-frame {
  display: none; /* This will hide the frames completely */
  /* Alternatively, adjust dimensions or colors if you want to keep them visible */
  width: 0px;
  height: auto;
  background-color: transparent;
}

Adjust Margin or Padding:

If the black frames are caused by padding or margins, you can set them to zero to remove any extra space:

.black-frame {
  margin: 0;
  padding: 0;
}

Edit Image Containers:

If the black frames are part of the image container or if there's an overlay effect, adjusting the image container's width or height may help.

For example:

.image-container {
  overflow: hidden; /* Ensures no extra space is shown */
}

If you're not familiar with adding custom CSS to your theme, let me know which theme you're using, and I can provide more detailed instructio

 

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com