Home Forums RedExp Themes Slider Revolution Broken CSS/JS in Backend?

This topic contains 1 reply, has 1 voice, and was last updated by  Coast_Digital6 6 months, 3 weeks ago.

How would you rate the support you received?
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

  • Author
    Posts
  • #29811

    Coast_Digital6
    Participant

    We’ve just updated revslider to version 7.x-5.5.1 (from revslider.info), and are seeing the return of an old problem – what looks like broken CSS/JS in the backend.
    This is a Drupal 7 site, running on PHP7.2. Nothing of interest in watchdog logs, nor browser console. No 404s or anything like that for the JS & CSS resources.

    If I could upload some screenshots I would but, absent of being able to do that, when going to ‘Structure’->’Revolution Sliders’, we’re just getting an unstyled page, with ‘Please Wait…’ text at the top.

    Any thoughts on what we can do to get this working?

  • #36596

    Coast_Digital6
    Participant

    Having finally found some time to look into this further, I have fixed the problems we were seeing – caused by loads of really careless typos in the CSS supplied by RevSlider – clearly nothing gets by the developers before launch!

    Anyway, in case it helps anyone else, here are the diff’s for three of the CSS files in assets/admin/css – applying these has allowed the admin interface to work again:

    diff --git a/sites/all/modules/contrib/revslider/assets/admin/css/admin.css b/sites/all/modules/contrib/revslider/assets/admin/css/admin.css
    index a443e60f..a661d57c 100755
    --- a/sites/all/modules/contrib/revslider/assets/admin/css/admin.css
    +++ b/sites/all/modules/contrib/revslider/assets/admin/css/admin.css
    @@ -1385,7 +1385,7 @@ span.template_filter_button.template_local_filter.selected {
    .ttm_requirements li i:first-child       { display:inline-block; width:15px;margin-right:5px;}
    -.ttm_space             { display: block; height:30px;widht:100%;}
    +.ttm_space             { display: block; height:30px;width:100%;}
    .temp_slides_in_slider_wrapper   { position: relative}
    .temp_slide_single_wrapper     { display: inline-block;vertical-align: top; margin-right: 10px; position: relative;}
    @@ -2428,7 +2428,7 @@ input[name="rs-css-include[]"]                      { margin-right:17px;}
    .tls-slide:hover .tls-id,
    .tls-slide:hover .tls-title    {  color:#fff;}
    .tls-id        { font-size:11px; line-height:20px;vertical-align:bottom;color:#555; display: inline-block;}
    -.tls-firstslideimage { position:absolute; top:0px: left:0px; width:100%;height:100%;}
    +.tls-firstslideimage { position:absolute; top:0px; left:0px; width:100%;height:100%;}
    .mini-transparent       {  background:url(../images/trans_tile.png); background-repeat:repeat;}
    .mini-as-bg        { position:absolute;top:0px;left:0px;width:100%;height:100%;}
    @@ -2469,9 +2469,9 @@ input[name="rs-css-include[]"]                      { margin-right:17px;}
    .tls-addnewslider          { border:1px dashed #ddd; background: transparent; box-sizing: border-box; overflow:hidden;}
    .tls-addnewslider .tls-main-metas  { left:-1px;}
    -.tls-addnewslider 
    +.tls-addnewslider { }
    -.tls-new-icon-wrapper  { position: absolute;top:0px;:left:0px;width:100%;height:100%;display:block; text-align: center;font-size:35px;}
    +.tls-new-icon-wrapper  { position: absolute;top:0px;left:0px;width:100%;height:100%;display:block; text-align: center;font-size:35px;}
    .tls-new-icon      { line-height:130px;vertical-align: middle; }
    .tls-new-icon:before { color:#252525 !important;}
    @@ -2552,7 +2552,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252525', e
    .rs-listview .tls-title a,
    .rs-listview .tls-id         { vertical-align: middle; color:#333 !important;}
    -.rs-listview .tls-title      { width:200px; overflow;hidden; margin-right:10px;}
    +.rs-listview .tls-title      { width:200px; overflow:hidden; margin-right:10px;}
    .rs-listview .tls-settings,
    .rs-listview .tls-editslides,
    @@ -2728,7 +2728,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252525', e
    /********** TEMPLATE / NEW SLIDER / IMPORT SLIDER MODIFICATIONS *************/
    -.slider_list_add_buttons   { display: block; position: absolute; left:0px,top:0px;width:100%;height:100%; background-position:center center; background-repeat: no-repeat;background-size:40px 40px; margin-top:-10px;}
    +.slider_list_add_buttons   { display: block; position: absolute; left:0px;top:0px;width:100%;height:100%; background-position:center center; background-repeat: no-repeat;background-size:40px 40px; margin-top:-10px;}
    .add_new_template_icon_wrapper { background-image:url(../images/add_template_bg.jpg); background-size: cover;background-position: center center; }
    .add_new_slider_icon     { background-image:url(../images/new_slider.png); }
    .add_new_template_icon     { background-image:url(../images/add_template.png); }
    diff --git a/sites/all/modules/contrib/revslider/assets/admin/css/dp7_admin.css b/sites/all/modules/contrib/revslider/assets/admin/css/dp7_admin.css
    index 1986c705..9bf783ea 100755
    --- a/sites/all/modules/contrib/revslider/assets/admin/css/dp7_admin.css
    +++ b/sites/all/modules/contrib/revslider/assets/admin/css/dp7_admin.css
    @@ -492,11 +492,11 @@ label {
    }
    .media-frame input[type=search] {
    -    -webkit-appearance: textfield
    +    -webkit-appearance: textfield;
    }
    .attachments-browser .uploader-inline.hidden {
    -    display: none
    +    display: none;
    }
    .media-frame .uploader-inline {
    @@ -929,4 +929,4 @@ input[type=text], input[type=search], input[type=radio], input[type=tel], input[
    position: absolute;
    right: 440px
    diff --git a/sites/all/modules/contrib/revslider/assets/admin/css/edit_layers.css b/sites/all/modules/contrib/revslider/assets/admin/css/edit_layers.css
    index ca0836ce..d75a0032 100755
    --- a/sites/all/modules/contrib/revslider/assets/admin/css/edit_layers.css
    +++ b/sites/all/modules/contrib/revslider/assets/admin/css/edit_layers.css
    @@ -80,7 +80,7 @@
    .slide_layer.layer_selected.ui-resizable:after                 { display:block;}
    .layer_selected .icon_cross                                               {  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=8);  filter:alpha(opacity=8);  -moz-opacity:.8;  -khtml-opacity:.8;  opacity:.8;}
    -#id-esw .layertime                                            {  position:absolute;  top:1px;  height:9px; background:rgba(60,147,154,0.4);  xwidth:300px; left:10px;  display:none;}
    +#id-esw .layertime                                            {  position:absolute;  top:1px;  height:9px; background:rgba(60,147,154,0.4);  width:300px;  left:10px;  display:none;}
    #id-esw .layertime.layertime-error                            {  background:rgba(157,23,23,0.4);}
    .list-settings hr                                                         {  width:100%; clear:both; border-top:1px solid #DDD;  border-bottom:1px solid #fff; margin-bottom:0;}
    span.setting_text                                                                                                                                                                       {  line-height:24px;}
    @@ -496,7 +496,7 @@ span.setting_text_3 {   color:#232323!important;  line-height:30px; font-size:12px
    .rs-layer-main-image-tabs,
    -.rs-layer-nav-settings-tabs.
    +.rs-layer-nav-settings-tabs,
    .rs-layer-animation-settings-tabs,
    .rs-layer-css-ele                                 {  list-style:none;  line-height:25px; margin:0 20px 4px;  max-height:27px;  border-bottom:1px solid #eee;}
    @@ -579,7 +579,7 @@ span.setting_text_3 {   color:#232323!important;  line-height:30px; font-size:12px
    .rs-icon-layershape_n,
    .rs-icon-layergroup_n,
    .rs-icon-layercolumns_n,
    -.rs-icon-layercolumn_n                 {   min-width:20px; min-height: 20px; display: inline-block; background-position: center; background-repeat:no-repeat; backgound-size:20px 20px;}
    +.rs-icon-layercolumn_n                 {   min-width:20px; min-height: 20px; display: inline-block; background-position: center; background-repeat:no-repeat; background-size:20px 20px;}
    #button_add_layer_import .eg-icon-download:before    { color:#fff; opacity:0.8;}
    #button_add_layer_import:hover .eg-icon-download:before { color:#fff; opacity:1;}  
    @@ -1196,7 +1196,7 @@ li.selected .slidetitleinput,li:hover .slidetitleinput,
    .list_slide_links li:hover .slide-hero-unpublished.pubclickable        {   display:block!important;}
    .slide-hero-unpublished.pubclickable:hover           { background:url(../images/toolbar/icon-slide-published.png); }
    -.slide-link-forward                                  {   -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter:alpha(opacity=70); -moz-opacity:.7;  -khtml-opacity:.7;  opacity:.7; font-size:30px; position:absolute;  top:50%;  left:50%; margin-left:-22px;  margin-top:-15px; z-index:4 color:#fff; display:none; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
    +.slide-link-forward                                  {   -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter:alpha(opacity=70); -moz-opacity:.7;  -khtml-opacity:.7;  opacity:.7; font-size:30px; position:absolute;  top:50%;  left:50%; margin-left:-22px;  margin-top:-15px; z-index:4; color:#fff;  display:none; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
    .slide-link-forward:before                           {   color:#fff;}
    .list_slide_links li.selected .slide-link-forward     { display:none !important}
    .list_slide_links li:hover .slidelint-edit-button,
    @@ -2017,7 +2017,7 @@ span.advanced-css-title                                             {   backgroun
    #rs-addon-wrapper-button-row .rs-layer-toolbar-box           { line-height: 48px; padding:6px 20px;}
    -.rs-addon-settings-wrapper                       { background:#fff; postion:relative;padding-left:10px;}
    +.rs-addon-settings-wrapper                       { background:#fff; position:relative;padding-left:10px;}
    .rs-addon-settings-wrapper:before                  { content:" ";position: absolute;left:0px;top:0px;height:100%;width:10px;background:#3498E4;}
    /* LAYERS NOT SELECTED */
    @@ -2184,7 +2184,6 @@ input[name="css_font-family"]     { padding-right: 25px !important;}
    .slt-button-w .ho_button_,
    .sltic .ho_sltic_      { pointer-events: none; opacity:0.20 !important;}
    -.
    .slt-svg-w.sltic .ho_sltic_svg_,
    .slt-text-w.sltic .ho_sltic_text_,
    .slt-shape-w.sltic .ho_sltic_shape_,
    @@ -2635,7 +2634,7 @@ select.object_library_type_list { display:inline-block; width:145px !important;h
    /* display: flex;   */
    display:table;
    table-layout:fixed;
    -  width:100%;  1/3 + 2/3
    +  width:100%;
    height:auto; 
    z-index:99;
    }
    @@ -2812,7 +2811,7 @@ select.object_library_type_list { display:inline-block; width:145px !important;h
    .context-menu__items   { list-style: none;margin: 0;padding: 0; position: relative;}
    .context-menu__item  { font-weight: 600;display: block;line-height:25px; color:#fff; padding:0px 10px;vertical-align: top;margin:0px;  position: relative;}
    -.ctx_item_inner      { display: bock; opacity:0.4; position: relative; }
    +.ctx_item_inner      { display: block; opacity:0.4; position: relative; }
    .context-with-sub:hover >.ctx_item_inner,
    .ctx_item_inner:hover    { opacity: 1 }
    

You must be logged in to reply to this topic.