How to add a full page video background in Pop theme

Pop is one popular free theme from Shopify and due to the layout of this theme the full page video backgrounds require an additional configuration to be displayed.

In this article, we will explain the procedure to add a full page video background if you’re using the  Pop theme in your store.

First, you have to configure a new full page video background in the app.

After that, you have customise the theme of you store. To do so, follow the next steps:

1. Let's go to themes option in your Shopify admin and select the "Edit code" action for the Pop theme.

2. Find in the assets folder the file named "timber.scss.liquid".

3. Edit the file "timber.scss.liquid" and append the following CSS rules:

	.page-wrapper {  background-color: transparent; } 
	.site-header {  background-color: rgba(255,255,255, 0.8); } 

The file would look similar to the screenshot below:

4. Save the changes.

Finally, we will get a similar look to the screenshot bellow:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us