Changes made in editor not showing up in preview

Changes made in editor not showing up in preview

Saimisdabest
Tourist
5 0 1

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:
Saimisdabest_0-1718832274789.png

Preview:

Saimisdabest_1-1718832312097.png

Editor:

Saimisdabest_2-1718832386416.png

Preview:

Saimisdabest_3-1718832405390.png

 

Thank you,

 

Replies 3 (3)

INA_MSWEB
Shopify Partner
1250 143 160

Hello,

 

I am San from MS Web Designer.

 

We can need preview access to fix the issue.

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

INA_MSWEB
Shopify Partner
1250 143 160

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin