[Support request] css errors

[Femke]

HI,

In my additional css file there is this message: There are 3 errors which must be fixed before you can save.
I think this was there from the beginning that i installed GP with dispatch theme. Could you help me to fix these errors?

[David]

Hi there,

what are the errors?
Are they related to:

display: grid;
grid-template-columns .....

If so then they are perfectly valid, just the WP Additional CSS parser doesn’t use the latest CSS3 lint to check them so throws an error.

[Femke]

These are the errors:

1. : filter in code:

.main-navigation ul li:after {
content: ”;
position: absolute;
height: 0;
width: 100%;
bottom: 0;
left: 0;
pointer-events: none;
filter: hue-rotation(90deg);
-webkit-filter: hue-rotation(90deg);
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}

2.: grid template
3.: grid rows

@media (min-width: 900px) {
.wpsp-grid .wp-show-posts {
grid-template-columns: repeat(8, 1fr);
grid-template-rows: 1fr auto;
}

[Leo]

Yup that is valid CSS. You can just ignore the warning or try SimpleCSS instead:
Adding CSS: https://docs.generatepress.com/article/adding-css/

[Femke]

ok thanks. So should I cut all the css from the additional css field and paste it in simple css field?

[Leo]

Yup it would be good to keep them all in one place.

[Author]

Posts