How to fix a corrupted Venture theme after changing announcement bar color?

Technical Q&A
1

Gentlemen,

I was trying to change the color of the announcement bar background, I went to Assets, theme.scss.liquid then I changed the below bold line

.notification–success,
.notification–promo {
background-color: $color-accent;
color: $color-accent-text;

to

.notification–success,
.notification–promo {
background-color: #c9c0bd;
color: $color-accent-text;

then I saved the changes and my store got corrupted, I returned every thing as it was then I saved the changes again, but the problem still remains.

please I need your urgent help.

URL: https://originalstore8.com/

2

Hey there,

I think all the data from theme.scss.css got erased.

Ways you can fix it

  1. Copy and paste the css code from theme.scss.css of your previously backed up theme.
  2. Download the venture theme from Shopify theme store and copy the css code from theme.scss.css of that theme.
  3. Mail me at kalpitmanojshah@gmail.com so that I can take a better look and help you either with the previously shown ways or the best possible way.

Regards,
Kalpit Shah

3

Actually, no data was erased as you mentioned, everything happened just like what I explained and I don’t know what to do

4

Got it.

Would you like me to take a look?

As the problem is with CSS and it would require some coding insight to be able to fix and would require to see the backend liquid code.

5

Yes, please

6

@OriginalStore

Whenever there’s an error in the .SCSS it doesn’t compile and, subsequently, the CSS is not loaded, resulting in what you are seeing.

Putting it simply, something is broken within your .SCSS file. The code you shared is missing a }, that could be it.

It should be:

.notification--success,
.notification--promo {
background-color: #c9c0bd;
color: $color-accent-text;
}

Instead of

.notification--success,
.notification--promo {
background-color: #c9c0bd;
color: $color-accent-text;

As a rule of thumb, always make a copy of your live theme and edit it instead of editing your currently published theme. This will allow you to safely play around and test things.

Kind regards,
Diego

7

@diego_ezfy ,

Unfortunately, that one didn’t work.

I tried both of the below :

Background-color: #c9c0bd;

Background-color: $color-accent

I spent more than 3 hours thinking of the solution, but I couldn’t fixit.

8

@OriginalStore

Share your code here so we can take a look into it.

9

@diego_ezfy

.notification–success,
.notification–promo {
background-color: $color-accent;
color: $color-accent-text;
}

10

@diego_ezfy

I got this message when I went to customize the theme :

Invalid CSS after " }": expected selector or at-rule, was “}” at 5326

11

Please add staff account with email: namphan992@gmail.com
I will check it.

12

@LitExtension

you are there now, go ahead please.

13

Gentlemen,

thank you all I have solved the issue by re-customizing the them then copying the code of the new them and pasting it in the old theme.