Custom CSS does not work

[ultravioletttooth]

hello, I have updated my koken installation. i noticed that the custom css no longer works. after entering a css code snippet, it is displayed in the preview, but after publishing, the code is displayed in a line with incorrect line breaks. so there are no more line breaks but only rn, like this:

p.descset {rntmargin-left:0px;rnttext-align: justify;rntfont-size:0.9em;rntcolor:#777777;rntwidth:75%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

Is there a solution or can I edit an other CSS file on my FTP Server?

kind regards

[modufolio]

Hi, i can reproduce the issue: please add the custom css without tabs and linebreaks for now:
p.descset {margin-left: 0;text-align: justify;font-size: 0.9em;color: #777;width: 75%;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}

I will make a fix for this.

[ultravioletttooth]

hey thank u very much:

/*Albumbeschreibung UE*/ p.descset {tmargin-left:0px;ttext-align: justify;tfont-size:0.9em;tcolor:#777777;twidth:75%;-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;} /*JOURNAL CSS Überschrift, Datum*/ article header h1 {border-top: 1px #848484 solid;text-transform: uppercase;font-weight: 690;font-size: 24px;letter-spacing: 1px;margin: 0em 0 0;} .item_meta {font-size: 12px;color: #848484;white-space: nowrap;font-weight: 400;} .body_small {font-size:0.9em;} /*andere überschriften */ h1 {text-transform: uppercase;font-weight: 690;font-size: 24px;letter-spacing: 2px;} /*überschrift alben ue*/ figcaption h3{display: inline;color: #1C1C1C!important;font-size: 0.9em;line-height: 1.2;letter-spacing: 1px;text-transform: uppercase;font-weight: 600;} figcaption:empty{margin-bottom:0} figcaption {margin-top:3px; margin-bottom:13px;} /*counter css - Info-Seite - Counter JS*/ .counter-main { text-align:center; width:820px; } .counter-block-wrapper{ margin-right: auto; margin-left: auto; width: 100%;} .counter-block{ color:#000; float: left; border: 0px solid #019F9A; padding-top: 10px; width: 160px; height: 100px; margin: 10px;} .counter-block p { margin: 0; text-align:center;} .counter-block p i{ font-size: 50px; color: #019F9A; } .counter-wrapper{font-weight:700;margin:5px 0px 5px 0px; font-size: 28px; } .counter-text-block{ font-size: 14px;color:#999999;} .counter-strich {font-size: 35px;color:#000000;line-height: 0.2;} /* timeline css - timeline aus elementary theme ul.block_list{display:block} ul.block_list li{display:block;margin-bottom:1rem;width:100%} figure{margin-bottom:10px;} figure .figimg{text-align:center} figure img{margin-bottom: 0px;}*/ /* timeline css - timeline aus elementary theme */ .content-timeline {font-size: 0.9rem;margin-top: 8px;color:#666666;border-top: 1px #ccc solid;line-height:1.5;} figcaption h4 {margin-top: 3px;margin-bottom: 0px;display: inline;font-weight: 300;text-transform: uppercase;font-size: 1.7em;color: #000!important;letter-spacing: 0px;} .meta-links {font-size: .75rem;margin-top: 0px;margin-top: 0.9px;margin-bottom: 0.8px;color: #848484;font-weight: 400;line-height: 1.5;} .meta-tags a{font-size: .7em;margin-top: 0px;margin-bottom: 0.8px;color: #848484;font-weight: 400;line-height: 1.5;} .item_element{font-size: 12px;color: #848484;white-space: nowrap;font-weight: 400;text-transform: uppercase;} #text .k-content-embed {margin: 8px 0;} /*INPUT SUCHE*/ select.k-select {width: 170px;padding:5px;margin-top:5px;margin-bottom:0.1em;display: inline;font-weight: 300;text-transform: uppercase;font-size: 11px;color: #000000;letter-spacing: 1px;} .k-search input[type=search] {width: 170px;padding:5px;margin-top:5px;margin-bottom:0.1em;display: inline;font-weight: 300;text-transform: uppercase;font-size: 11px;color: #000000;letter-spacing: 1px;} /* CSS ASIDE EXTRA*/ .aside{padding: 30px 30px 0;text-align: left;} .aside, .hide-mob, a {text-decoration: none; } h2.timeline{color: #333;font-weight: 600;font-size: 0.7rem;margin-top:0px;margin-bottom:6px;letter-spacing: 1px;} /*JOURNAL LAYOUT*/ #text div.lcol {width:820px;margin-right: 30px;float: left;box-sizing: border-box;} #text div.rcol {width: 250px;float: right;padding-top: 0px;} /*ENDE JOURNAL LAYOUT*/ /*EXIF*/ #main .media-meta {width: 100%;margin-top: 3px;line-height: 10px;} .koken-rating {color: #990000;font-weight: 300;font-size: 0.70rem;margin-top:0px;margin-bottom:0px;} .exif{font-size: 0.8em;color:#666;} /*ENDE EXIF*/ /*CONTACTFORM*/ textarea, input[type=email]{width: 800px;margin-top: 3px;line-height: 10px;border: 1px #000000 solid;background-color:#fff;} label {font-size: .8rem;color: #000000;cursor: pointer;display: block;font-weight: 400;margin-bottom: .5em;text-align: left;text-transform: uppercase;} /*ENDE CONTACTFORM*/ #col .in {padding-top: 10px;} /*ÜBERSCHRIFTEN INFOSEITE*/ h1.kaethek {font-weight: 700;text-transform: uppercase;letter-spacing: 0px;font-size: 2em;color: #222222;display: inline;border:0px;background-image: -webkit-linear-gradient(left,#264c57,#2687a2);-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);} h4.infosite {margin-top: 3px;margin-bottom: 0px;display: inline;font-weight: 300;text-transform: uppercase;font-size: 1.7em;color: #999!important;letter-spacing: 0px;} h3.infosite {margin-top: 3px;margin-bottom: 0px;display: inline;font-weight: 300;text-transform: uppercase;font-size: 1.5em;color: #999!important;letter-spacing: 0px;} .k-content-embed {margin: 2px 0;} /*ENDE ÜBERSCHRIFTEN INFOSEITE*/ /*BUTTON*/ .button, button, input[type=button], input[type=reset], input[type=submit] {font-size: 11px; letter-spacing: 1px;text-transform: uppercase;text-align: center;display: inline-block;border: 0;padding: .5rem 1.5rem;margin: 0 0 1.5em;text-decoration: none;white-space: nowrap;background-color: #5a5a5a;color: #ffffff;cursor: pointer;outline: 0;vertical-align: bottom;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .button, button:hover, input:hover[type=button], input[type=reset], input[type=submit] {background-color: #333;color: #ffffff;cursor: pointer;outline: 0;vertical-align: bottom;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} /*ENDE BUTTON*/ /*SONSTIGES*/ .regenbogen {text-transform: uppercase;font-size: .94rem;font-weight: bolder;background-image: linear-gradient(to right,#7ebd46,#e3a730,#e13a3a);color: transparent;background-clip: text;-webkit-background-clip: text;} a:hover {text-decoration: none; } .small-t{font-size: 0.83em;color:#000000;} .read_more{text-transform: uppercase; font-size: 0.85em; } #main_page {max-width: 800px;text-align: left;margin-right: auto;margin-left: auto;} body.k-lens-set #kpgrid figure {margin-bottom: 0px;}p {color: #616161;background-image: -webkit-linear-gradient(left,#616161,#111111,#616161 );-webkit-background-clip: text;-webkit-text-fill-color: rgba(0,0,0,0);text-align: justify;} #main .list_item {margin-bottom: 15px;} figure.list_item .item_media img {max-height: 650px;!important} .archive_head {margin-bottom: 5px;} /* FARBVERLAUFTEXT { color: #933a4b; background-image: -webkit-linear-gradient(left,#2f5a8b,#c92929); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0,0,0,0); }*/ /* OCTOPUSBLAU 2687a2*/