dpw1

<style>
html, body,
[id*='shopify-section']:not([id*='announcement']):not([id*='header']):not([id*='footer']),
[id*='shopify-section']:not([id*='announcement']):not([id*='header']):not([id*='footer'])> [class*='background']{
    background: url("replaceme.jpg") !important;
    background-size: cover !important;
}
</style>

dpw1

<style>
.site-footer__newsletter .input-group{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;

}

.site-footer__newsletter .input-group input{

dpw1

<input type="text"
name="contact[first_name]"
id="{{ formId }}-first_name"
class="input-group__field{% if form.errors %} input--error{% endif %}"
value=""
placeholder="First name"
aria-label="First name"
aria-required="true"
autocorrect="off"
autocapitalize="off"

dpw1

@media (min-width: 990px) {
	.header {
		display: flex;
		justify-content: space-between;
	}

	.header .header__inline-menu {
		display: none;
	}

dpw1

<style>
button,
textarea,
input,
select,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;

dpw1

.collection-grid-item,
.collection-list .grid__item[role]{
    margin-bottom: 35px !important;
}

[id] .collection-grid-item__title{
    color: #000000;

    display: block;
    position: relative;

dpw1

h1,h2,h3,h4,h5,h6,html,body,*,[id] *{
  font-family: "Precious" !important;
}

dpw1

@media (min-width: 767px){
    [class*='product-single__meta--']{
        position: sticky;
        top: 0;
    }
}

dpw1

This code is outdated! Please visit the link below for the updated version:

https://ezfycode.com/blog/debut-shopify-theme-how-to-add-swipe-for-product-page-images

dpw1

This code is outdated! Here is the updated version:

https://ezfycode.com/blog/debut-shopify-theme-how-to-add-swipe-for-product-page-images