Shopify gives error trying to save when adding code to CSS section

[User1543]

Hello community,

I'm trying to add a fading line at the bottom of a specific section, however, when It try to add my code it shows up correctly but gives an error message when trying to save.

My code

.collection {
  position: relative;
}

.collection::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent, white, transparent);
  pointer-events: none;
}

Thank you!

[LizHoang]

Hi @User1543 

I think you should add the code in base.css file. Don't should add in that.

[devcoders]

Hello @User1543 

1. Add CSS in "theme.css" or "base.css"
2. Go to Online Store > Themes.
3. Click Edit Code for your active theme.
4. Find "theme.css" or "base.css" inside Assets.
5. Scroll to the bottom and paste your CSS code.
6. Save the file.

[DaisyVo]

Hi @User1543 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
put your code here
{% endstyle %}

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.