Why do some collection pictures show a white border and videos not play in Dawn theme?

Store Design
1

I have a few collection pictures I am trying to set up and the pictures show up with a white boarder against a grey background. In some pictures, this doesn’t happen and in some they do. I also have inserted a video on my products page and the video will not play when it is clicked. It is a dawn theme any ideas?

2

Hi @ruggedtackle

This is Noah from PageFly - Shopify Page Builder App

Please check and make sure that all your images have the same background as the other one
About the video autoplay, to make it autoplay, you have to mute it and add attribute autoplay to that video attribute
It should be for the video

autoplay="true" muted

Hope this can help you solve the issue

Best regards,

Noah | PageFly

3

Hello @ruggedtackle ,

You can try to follow these steps:

  1. White border and grey background

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

/* Remove white border around collection pictures */
.your-collection-image-class {
  border: none;
}

/* Remove gray background behind collection pictures */
.your-collection-image-container-class {
  background-color: transparent;
  1. Video playing:

Locate the code responsible for embedding the video. It might look similar to the following:
  • Ensure that the src attribute of the
  • If the video file is hosted externally, make sure the URL is correctly entered.
  • Verify that the video URL is correctly assigned to the product.video_url Liquid variable.

Save and preview.

Hope this can help. Let us know if you need any further support.

Ali Reviews team.