Changes made in editor not showing up in preview

[Saimisdabest]

Hi all, first image below is of the editor you can see the footer is black, however, in the preview it's showing up as white.

Another example is the hero, it hasn't updated to reflect the changes made in the editor.

Could someone please advise with this.

(Separate note does anyone know how to change the background of the insta feed to black from white.

editor:

Preview:

Editor:

Preview:

Thank you,

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

We can need preview access to fix the issue.

Regards,

San

[Saimisdabest]

https://s1f3rza9eb1i6w70-73225928968.shopifypreview.com

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

Go to>online store >theme >edit code >base.css 

Add this footer code in base.css file

footer.footer.color-scheme-12821192-3f3b-4452-bd7b-32f8276cbeb7.gradient.section-sections--22518274916616__footer-padding{
background-color: #000;
}

h2.footer-block__heading.rte {
    color: white;
}

.footer-block__brand-info {
    color: white;
}

h2.footer-block__heading.inline-richtext {
    color: white;
}

a.link.link--text.list-menu__item.list-menu__item--link {
    color: white;
}

.footer-block__details-content.rte {
    color: white;
}

.list-social__link {
    align-items: center;
    display: flex;
    padding: 1.1rem;
    color: white;
}

.footer__content-bottom.scroll-trigger.animate--slide-in {
    border-top: 1px solid white !important;
}

.footer__copyright.caption {
    color: white;
}

Please insert the following code into the online theme editor within your top hero section to ensure that the button in your hero section appears in black:

To style the button as black:

```css
a.button.button--secondary {
    background-color: black;
}
```

Hope this helps.

Do let me know in case of any concerns.

Regards,

San