This topic is locked

Custom CSS

5/7/2018 5:22:17 PM
ASPRunner.NET General questions
I
i.NoLim author

Hello,
I developed a web app that uses "Custom CSS." Up until a few days ago it worked great (Fig 1), but know its not displaying properly (Fig 2). After checking the "Editor" tab I see the "error" displayed on Fig 3, nothing was changed from either the "Custom CSS"or HTML code. As soon as I remove everything inside <STYLE> the error is gone but I'm still stuck with the grey background.
Any help would be appreciated.
HTML Code:



{BEGIN styleCSSFiles}

<LINK href="{$stylepath}" rel="stylesheet" type="text/css">

<STYLE>

body{

background-image:url("https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=25529&image=1&table=forumtopics";);

background-size: cover;

}

</STYLE>

{END styleCSSFiles}


Custom CSS Code:



.function-login .rnr-c > * {

background: rgba(17,17,17,0) !important;

//background: darkblue !important;

//opacity:.6;

//background: transparent;

}
.function-admin_rights_list .rnr-c > *,

.function-admin_rights_list .rnr-s-undermenu > *,

.function-admin_rights_list .rnr-b-vmenu > *,

.function-admin_rights_list .rnr-s-2 > *,

.function-admin_rights_list .rnr-row > *,

.function-admin_rights_list .rnr-toprow > *

{

background-color : transparent !important;

background : transparent !important;

}
.function-menu .rnr-c > * {

background: rgba(17,17,17,0) !important;

//background: darkblue !important;

//opacity:.6;

//background: transparent;

}
.function-add .rnr-c > * {

background: rgba(17,17,17,0) !important;

//background: darkblue !important;

//opacity:.6;

//background: transparent;

}
.function-edit .rnr-c > * {

background: rgba(17,17,17,0) !important;

//background: darkblue !important;

//opacity:.6;

//background: transparent;

}
.function-search .rnr-c > * {

background: rgba(17,17,17,0) !important;

border-style: none;

//background: darkblue !important;

//opacity:.6;

//background: transparent;

}
.function-view .rnr-c > * {

background: rgba(17,17,17,0) !important;

//background: darkblue !important;

//opacity:.6;

//background: transparent;

}
.function-list .rnr-c > *,

.function-list .rnr-s-undermenu > *,

.function-list .rnr-b-vmenu > *,

.function-list .rnr-s-2 > *,

.function-list .rnr-row > *,

.function-list .rnr-toprow > *

{

background-color : transparent !important;

background : transparent !important;

}




admin 5/8/2018

You should not be adding any CSS directly to HTML code. Use 'Custom CSS' for all your CSS.

I
i.NoLim author 5/8/2018



You should not be adding any CSS directly to HTML code. Use 'Custom CSS' for all your CSS.



You mean entering the link to the image in the "Custom CSS" the way it's shown here? https://xlinesoft.com/blog/2013/10/26/building-a-nice-looking-login-page-with-custom-css/
I tried that last time but it didn't work, the only way I got it to work was by inserting the link to the background image directly into the HTML code.