Archived topic
css errors
5 replies · Started by Femke on October 20, 2019
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?
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.
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;
}
Yup that is valid CSS. You can just ignore the warning or try SimpleCSS instead:
Adding CSS: https://docs.generatepress.com/article/adding-css/
ok thanks. So should I cut all the css from the additional css field and paste it in simple css field?
Yup it would be good to keep them all in one place.
