Help creating a landing page with a list of buttons

Store Design
1

Hello,

I am trying to create a simple landing page with buttons going down the page. I want to add a background image behind all the buttons as well as fix the weird gap at the bottom. What is the best way to do this?

https://ocnjdrone.com/pages/Hello\

2

I fixed the spacing but I would love to make an image behind all the buttons

3

Hello @bkerch
Please send me the collaborator code. I will send you a store access request and give you a proper update.

4

Hi @bkerch,

Please go to Actions > Edit code > Layout > theme.liquid file, find ‘‘ and add code here:

Screenshot
Screenshot1339×419 52.4 KB

Code:

{% if page.handle == 'Hello' %}
      <style>
        #MainContent {
          background-image: url(http://ocnjdrone.com/cdn/shop/files/DJI_0537-HDR-Enhanced-NR.jpg?v=1743006453);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
        }
        #MainContent .gradient {
          background: transparent;
        }
        #MainContent .content-container:after {
          display: none;
        }
      </style>
    {% endif %}

You can upload the image at Files and change the url for it.

5

Hi @bkerch ,
I am from Mageplaza - Shopify solution expert.

Please add the following code into your theme.liquid file.

{% if page.handle == 'Hello' %}
    <style>
        .rich-text.content-container{
   background-image: url(https://ocnjdrone.com/cdn/shop/files/DJI_0537-HDR-Enhanced-NR.jpg?v=1743006453&width=2000);    
}
    </style>
{% endif %}

You can get the URL from Content → Files in your Shopify admin.
*Result:

2025-08-25_11-22
2025-08-25_11-221913×914 92.4 KB

Please let me know if it works as expected

Best regards!