dipsauce

@maybellyne, thanks for the clear reply.

I’m still wondering how other (big) companies solve this problem. The url is not google friendly and ugly.

• This reply was modified 1 year, 6 months ago by dipsauce.

Thanks! It did the job.

I found out, that when i place the code without ending with the closing tag </style>

So i test it, with the simple dummy css;

<style>whatever{this:that;}</style>

That also did’t work.

So i was wondering, can i place the code without the <style> tags?

• This reply was modified 1 year, 11 months ago by dipsauce.

Will do. Let you know as soon i’ve got an answer.

Hi, thanks for the reply. Sorry for the late reply.

Yes, this CSS does not go away.

Hi Frank,

Thanks for the fast reply.

It looks like the css does not have any ../.

Here’s my minified CSS:

<style>@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZOIGA.ttf) format('truetype')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBimDg.ttf) format('truetype')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBimDg.ttf) format('truetype')}:root{--woocommerce:#a46497;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#a46497;--wc-primary-text:white;--wc-secondary:#ebe9eb;--wc-secondary-text:#515151;--wc-highlight:#77a464;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}.woocommerce img{height:auto;max-width:100%}:root{--woocommerce:#a46497;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#a46497;--wc-primary-text:white;--wc-secondary:#ebe9eb;--wc-secondary-text:#515151;--wc-highlight:#77a464;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}@charset "UTF-8";:root{--woocommerce:#a46497;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#a46497;--wc-primary-text:white;--wc-secondary:#ebe9eb;--wc-secondary-text:#515151;--wc-highlight:#77a464;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}.wpb_text_column :last-child{margin-bottom:0}a,body,div,header,html,img,label,li,span,ul{border:0;font-family:inherit;font-size:100%;vertical-align:baseline;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}header{display:block}a{background:0 0;color:#cbcbcb;text-decoration:none}img{border:0;height:auto;max-width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}svg:not(:root){overflow:hidden}input{color:inherit;font:inherit;margin:0}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset}body{margin:0;color:#000;font-size:15px;font-weight:400;line-height:1.4em;overflow-x:hidden;min-height:100vh;font-family:'DM Sans'}.page{display:block;position:relative;float:left;width:100%}ul{list-style:none}ul li{line-height:1.5em}.hidden-desktop{display:none!important}label{font-weight:400;color:#444}#preloader{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:#efefef;opacity:1;z-index:100001}#preloader.ripple1 .p-item{width:25px;height:25px;border-radius:50%;display:block;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px}#preloader.ripple1 .p-item:after{content:'';background:#ccc;border-radius:50%;width:100%;height:100%;position:absolute;left:0;-webkit-animation:.6s linear infinite p_ripple;animation:.6s linear infinite p_ripple}#rad-menu{width:100%;position:fixed;top:0;z-index:10001;height:67px;opacity:1;padding:6px 10px;box-sizing:border-box;visibility:visible;-webkit-backface-visibility:hidden}#rad-menu.edge-with-space{width:calc(100% - 20px);left:10px;margin-top:10px}#menu-bg{position:absolute;height:67px;top:0;left:0;width:100%;z-index:-1;opacity:1;box-sizing:border-box;background-color:#fff;border:1px solid transparent}#rad-menu .logo{float:left;position:relative;height:100%;display:flex;align-items:center;justify-content:center;width:120px;max-width:120px;margin-right:10px}#rad-menu .logo img{width:auto;display:block;max-height:40px;opacity:0}#rad-menu .main-logo{position:absolute}#rad-menu:not(.state2) .state1-logo{opacity:1}#rad-resp-nav-bt{display:inline-block;width:46px;height:60px;position:relative;z-index:10;float:right;opacity:1;visibility:visible}#rad-resp-nav-bt span{background:#222;width:20px;height:2px;position:absolute;top:28px;left:12px}#rad-resp-nav-bt span:after,#rad-resp-nav-bt span:before{content:"";background:#222;width:20px;height:2px;position:absolute;top:-5px;left:0}#rad-resp-nav-bt span:after{top:5px}#rad-resp-nav{padding:40px 9px 30px 16px;box-sizing:border-box;top:0;left:0;width:100%;height:auto}.toggle-aside.resp-nav-aside.bg:before{width:100%;height:0}#rad-resp-nav .resp-nav-aside-container{margin-top:-10px;opacity:0;visibility:hidden}#rad-resp-nav .resp-nav-aside-container>ul{margin:15px 0 10px}#rad-resp-nav ul{list-style:none;margin:0}#rad-resp-nav li{line-height:38px;position:relative;overflow:hidden}#rad-resp-nav li a+.toggle_submneu{height:45px;width:100%;position:absolute;right:0;top:0;z-index:3}#rad-resp-nav li a[href]+.toggle_submneu{width:45px}#rad-resp-nav li .toggle_submneu:before{content:"";position:absolute;width:7px;height:7px;top:18px;right:20px;border-bottom:1px solid #0606068c;border-right:1px solid #0606068c;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#rad-resp-nav ul ul{padding-left:15px;display:none}#rad-resp-nav a{display:block;width:100%;height:100%;color:#333;font-size:17px}#rad-resp-nav .inline-lang{margin-right:30px}#rad-resp-nav .lang_link li a:before{background:#999;bottom:13px}#rad-resp-nav .lang_link li a:before{width:100%;bottom:0;left:0}.toggle-aside{position:fixed;top:10px;right:10px;visibility:hidden;overflow:hidden;opacity:0;width:calc(100% - 20px);height:calc(100% - 20px);max-height:calc(100% - 20px);z-index:999999}.toggle-aside.bg:before{content:"";background:#fff;position:absolute;width:0;height:100%;top:0;right:0}body.rad-body input[type=text]{border:1px solid #00015;min-height:42px;padding:10px 16px;box-sizing:border-box}body.rad-body input{text-overflow:ellipsis;white-space:nowrap}.inline-lang{display:inline-block;vertical-align:middle}.inline-lang .lang_link li.selected a:before{content:"";width:0;height:1px;background:#f8f8f8;position:absolute;left:10px;bottom:7px;display:block}.inline-lang .lang_link li.selected a:before{width:calc(100% - 20px)}#rad-menu .cart-btn svg{position:absolute;width:16px;z-index:-1;top:4px;left:6px}input:-webkit-autofill{background-color:transparent!important}@media (max-width:480px){#rad-menu{width:100%!important;left:0!important;padding:6px 7px!important}#rad-menu .logo{width:80px}.toggle-aside{top:0!important;width:100%!important;left:0!important}}@media (max-width:768px){.hidden-desktop{display:inherit!important}}@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}}@media (min-width:979px) and (max-width:1140px){.hidden-desktop{display:inherit!important}}@media (min-width:768px) and (max-width:1140px){body .toggle-aside{top:10px!important}}@media (max-width:1140px){body{padding-top:67px;position:inherit!important}#rad-menu,#rad-menu.edge-with-space{z-index:99998!important;width:100%;left:0;padding:6px;top:0!important;margin-top:0}#rad-menu .logo{float:left;position:relative!important;transform:none!important;left:5px!important;justify-content:inherit}#rad-resp-nav .lang-sel>a{display:none}#rad-resp-nav .lang-sel ul.lang_link{display:inline-block;bottom:auto;padding:0;box-shadow:none;position:relative}#rad-resp-nav .lang-sel ul.lang_link li{display:inline-block;opacity:1;visibility:visible;width:auto;line-height:35px;margin-right:20px}#rad-resp-nav .lang-sel ul.lang_link li.selected a:after{width:100%;background:#040404;left:0;bottom:3px;top:auto}}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}@charset "UTF-8";:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}:root{--jp-carousel-primary-color:#fff;--jp-carousel-primary-subtle-color:#999;--jp-carousel-bg-color:#000;--jp-carousel-bg-faded-color:#222;--jp-carousel-border-color:#3a3a3a}</style>

Any other solutions? Or am i wrong.

@ihereira, you’re right. I made a mistake for uploading the wrong file in the wrong plugin. Thanks for your feedback!