How can I fill a container with color and add padding in Motion Theme?

Store Design
1

Hi there! I’m trying to fill the container with that brown color and it’s stopping shy of the edge. What would be the appropriate code for that? I posted an image of what I currently have in the custom styles box.

Also, what would be the appropriate code to pad it a little?

Thanks!

Motion Theme

Shopify 2.0

Screen Shot 2023-05-24 at 2.37.48 PM.png
Screen Shot 2023-05-24 at 2.37.48 PM.png2304×1000 237 KB

Screen Shot 2023-05-24 at 2.37.51 PM.png
Screen Shot 2023-05-24 at 2.37.51 PM.png584×336 24.1 KB

2

To fill the container with the brown color and add padding, you can use CSS to modify the styles of the container element. Here’s how you can do it:

  1. Identify the class or ID of the container element. It might be something like .container or #container. If you’re not sure, you can inspect the HTML code or provide more information about the specific element.

  2. Once you have the class or ID, you can add the following CSS code in your custom styles box:

.container {
  background-color: brown;
  padding: 20px; /* Adjust the value as per your desired padding */
}