I’m trying to create a background image style similar to this: https://www.stanley1913.com/pages/affiliate-program
I only want it on one page “Affiliate Program” I’ve tried several different combinations of code, but can’t seem to get anything to appear.
Image file name: Merger_Lifestyle.webp
To have 1 page have different settings use an alternate template
What you can do per page will of course depend on the capabilities of the theme itself.
As for the actual style you would need to provide better detail for any possible contributors or hire someone.
The image filename is just text no one can view, and typically you want to provide a public store url, or preview url, where others can view your current effort.
Does the picture actually matter?
I mean we’re talking code within a website.
This is what my research has brought me to.
{% if request.path contains ‘page-handle’ %} body { background-image: url({{ ‘image-name-with-extension’ | asset_img_url: ‘original’ }}); background-repeat: no-repeat; background-size: cover; } {% endif %}
{% if request.path contains ‘page-handle’ %}
body { background-image: url({{ 'image-name-with-extension' | asset_img_url: 'original' }}); background-repeat: no-repeat; background-size: cover; }{% endif %}
Your page handle is ‘affiliate-program’
{% if request.path contains 'affiliate-program' %}
Yes that’s what I put.
I created the image in “Assets” matched the image name with the name of my image plus the correct file extension.
The link you are referring to is a visual reference on what I"m trying to accomplish on my site.
I made some progress, but still not 100% . Not sure what CSS I might need to add to make the image full width.
