Custom png background in specific page dawn theme

ErnestoF · ‎11-20-2023

Hi, I am trying to change the background on my about us page, but the code is not working. I added this code in theme.liquid, of course the code is in <head>.

{% if request.path contains 'about' %}
<style>
body {
background-image: url({{ 'magazyn1.png' | asset_img_url: 'original' }});
background-repeat: no-repeat;
background-size: cover;
}
</style>
{% endif %}

https://5a8ab2.myshopify.com/pages/about

123

SumanSaurabh · ‎11-20-2023

Hi @ErnestoF

Try the below updated code:

% if request.path contains 'about' %}
<style>
  body {
    background-color: transparent !important;
    background-image: url({{ 'magazyn1.png' | asset_img_url: 'original' }}) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
</style>
{% endif %}

I hope this will work.

Best regards,

➸ Need a Shopify developer? Chat on WhatsApp | Email: info@omnisitecreations.com
➸ For Shopify Design Changes | Shopify Custom Coding | Custom Modifications

View solution in original post

SumanSaurabh · ‎11-20-2023

Hi @ErnestoF

Try the below updated code:

% if request.path contains 'about' %}
<style>
  body {
    background-color: transparent !important;
    background-image: url({{ 'magazyn1.png' | asset_img_url: 'original' }}) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
</style>
{% endif %}

I hope this will work.

Best regards,

➸ Need a Shopify developer? Chat on WhatsApp | Email: info@omnisitecreations.com
➸ For Shopify Design Changes | Shopify Custom Coding | Custom Modifications

Custom png background in specific page dawn theme

Custom png background in specific page dawn theme

Community Blog Articles