adding a background image in custom liquid section

Chantelrudden
Shopify Partner
101 1 18

i would like to add a background image my custom liquid section

image URL:  https://cdn.shopify.com/s/files/1/2373/2331/files/Screenshot_2024-01-03_at_9.47.09_AM.png?v=17042971...

 

 

https://acorncanyon.com/

pass: daplau

Replies 4 (4)

Developer-G
Shopify Partner
2976 586 832

Try this

<div class="custom-section-here">
  <!-- Your content goes here -->
</div>

<style>
  /* Add background image to the custom section */
  .custom-section-here {
    background-image: url('https://cdn.shopify.com/s/files/1/2373/2331/files/Screenshot_2024-01-03_at_9.47.09_AM.png?v=1704297177');
    background-size: cover; /* Adjust as needed */
    background-position: center center; /* Adjust as needed */
    background-repeat: no-repeat; /* Adjust as needed */
    /* Additional styles as needed */
  }
</style>
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
Chantelrudden
Shopify Partner
101 1 18

where do i put this? in theme.liquid or bass

Dannyfor
Tourist
3 0 1

background-image: url('https://cdn.shopify.com/s/files/1/2373/2331/files/Screenshot_2024-01-03_at_9.47.09_AM.png?v=17042971');

background-repeat: no-repeat;

background-size: cover; 

Chantelrudden
Shopify Partner
101 1 18

doesnt work