Change width section footer of row lower on Symmetry theme

I have managed to split the colours on the footer however since doing so the lower section of the footer (in Black) hasn’t moved to the width of the page and I am unsure how to change this. Please see below image of the issue.

The code I used to split the colours of the footer was:

.section-footer__row-upper {background-color: #33A5A5;}

.section-footer__row-lower {background-color: #070707;

Hi @SPH1 , can you share store url?

Hello!

The theme isn’t live yet on my Shopify domain as I’m currently developing it, but please see the preview link if that works?

https://rfe0mgnt5rhyv8rx-93280371023.shopifypreview.com

Hi @SPH1

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.css and add this code at the end of the file

.container.container--no-max.section-footer__row-container {
    padding: 0 10px !important;
}

Result

Best,

DaisyVo

Hello Daisy.

Thank you for this! Would you mind screenshotting where exactly I need to add this code? I have found the main.css I am just unsure where the end of the file actually is if that makes sense.

Many thanks.

Hi @SPH1

You can add this here and click “save”

Thank you so much!