I added custom Liquid with a video to my Home page, now my webshop doesn't load.

[sahar5]

Hello,

I wanted to add a video to my homepage with custom liquid, so it can play without the play button, but since I did it, my page doesn't load anymore.. I can't delete the custom Liquid.. I don't know what to do? Can someone pleas help ASAP?

[Guleria]

Can you share the store URL ?

[sahar5]

www.sahar-fashion.com it's not live yet, should I put it live so you can take a look? 

[Guleria]

I can't view it, either share the password or remove the password so we can view it.  

[sahar5]

the shop is live, now you should be able to view it. 

[Guleria]

Seem something wrong with the video
https://cdn.shopify.com/videos/c/o/v/a072c77cb1144fefbf298b7479f94ac2.mp4

If you can't delete this section from the settings. Edit index.json under Templates find the section code and remove it.
Make sure to take backup before making any change.   

[sahar5]

From where to where should I delete it? Because I just got a error when I tried to delete it.

[Guleria · Accepted solution]

In this block remove the content of 
"custom_ liquid":
so now it should be 
"custom_ liquid": "",

[sahar5]

oh perfect, thank you! This helped! Now how can I add this video to play without the "Play" Button? I uploaded the video again in the media section. What is the problem wit the file, is it too big? it's 150 MB. here is the link: https://cdn.shopify.com/videos/c/o/v/c1a50feef669421e8a52700673e85fe4.mp4

[Guleria]

Yes, try a video less than 20 MB 

[sahar5]

Is it not the possible the video that I have already inserted in my header to play without the play button?

[Guleria]

Yes if the theme has the feature. Alternatively you need to ask a developer to do necessary changes.

Or if you don't want to customize the theme then it's better to use the option you are using. 

[sahar5]

The theme is Dawn, i don't think it has the feature. And do you know how to get these two buttons right for the mobile version? on a desktop it looks good but on a mobile phone it looks like this, i want it more in the center and more down?

  

[Guleria]

Then ask any developer you want to implement this feature for you.

To make the buttons in center for mobile:

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.banner__box.content-container.content-container--full-width-mobile.color-inverse.gradient {
    text-align: center;
}