Actions
Bug #9574
closedCSS rejected by Appearance > Custom CSS
Start date:
2018-04-11
Due date:
% Done:
0%
Estimated time:
Deployment actions:
Description
Filing this under bug, though it might just be a support / documentation question.
I was working on website layout on [a post for JITP Staging](https://jitpstaging.commons.gc.cuny.edu/wp-admin/post.php?post=4878&action=edit), using the Custom CSS tool under the Appearance Menu.
I entered this code, which looked fine using the Chrome Inspector:
.gallery-jitp-flex .gallery {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.gallery-jitp-flex .gallery .gallery-item {
display: flex;
flex-direction: column;
padding: 0.1em;
}
.gallery-jitp-flex .gallery .gallery-item .gallery-icon {
align-self: center;
}
.gallery-jitp-flex .gallery .gallery-item .gallery-caption {
align-self: flex-end;
padding: 0 0.8em;
}
When I saved the Custom CSS, instead it transformed into this (non-functional) version, which was then the only sign that I'd changed the Custom CSS:
.gallery-jitp-flex .gallery {
display: flex;
}
.gallery-jitp-flex .gallery .gallery-item {
display: flex;
padding: .1em;
}
.gallery-jitp-flex .gallery .gallery-item .gallery-icon {
}
.gallery-jitp-flex .gallery .gallery-item .gallery-caption {
padding: 0 .8em;
}
In other words, it stripped out the most essential parts of a flexbox layout: justify-content
, align-items
, and flex-direction
. Any ideas why this might have happened?
Related issues
Actions