Custom CSS doesn't work


I tried adding some shadow to main title, site title, subtitle and menu items but it works only in the Custom CSS preview. After saving the custom CSS, the site is still the same as it was before.

The code that I added:

// adds shadow to the main title
.text-slider .maintitle {
	text-shadow: 1px 1px #000000;
	color: white;

//adds shadow to the main menu
#mainnav ul li a, #mainnav ul li::before {
	text-shadow: 1px 1px #9a9a9a;

// adds shadow the the subtitle under the main title
.text-slider .maintitle, .text-slider .subtitle {
	text-shadow: 2px 2px 2px rgba(0,0,0,1);

// adds a shadow to the site title
.site-title a, .site-title a:hover {
	color: #fff;
	text-shadow: 1px 1px #000000;


What Custom CSS preview are you referring to and what custom CSS plugin are you using? I checked your site but I’m not seeing a custom CSS file so basically nothing gets sent on the front end.

I’m using Jetpack’s Edit CSS option.

Remove your comments from the code. CSS comments should be added like this /* Comment */

Oh, Lord. Of course, such a stupid mistake. :smiley: Thanks!