Shape 5

Joomla Templates => Incline - Club => : jdrury October 13, 2015, 04:17:26 PM



: Index.php Max Images CSS
: jdrury October 13, 2015, 04:17:26 PM
Mike, When I look at the page source on my site I see a style tag for what appears to be for Max Image Width... this was poorly written and includes huge amount of extra spaces between lines. I've gone crazy looking for it to clean up some of the white space, but have been unable to find it... can you point me in the right direction? (see below)

<style type="text/css">




/* MAX IMAGE WIDTH */

img {
height:auto !important;
}

#map_canvas img {
max-width:none !important;
}

.full_width {
width:100% !important;
-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
}




.S5_submenu_itemTablet{
background:none !important;
}

#s5_right_wrap, #s5_left_wrap, #s5_right_inset_wrap, #s5_left_inset_wrap, #s5_right_top_wrap, #s5_left_top_wrap, #s5_right_bottom_wrap, #s5_left_bottom_wrap {
width:100% !important;
}
#s5_right_column_wrap {
width:0% !important;
margin-left:-0% !important;
}
#s5_left_column_wrap {
width:0% !important;
}
#s5_center_column_wrap_inner {
margin-right:0% !important;
margin-left:0% !important;
}

#s5_responsive_mobile_drop_down_wrap input {
width:96% !important;
}
#s5_responsive_mobile_drop_down_search input {
width:100% !important;
}



@media screen and (max-width: 750px){
   body {
   height:100% !important;
   position:relative !important;
   padding-bottom:48px !important;
   }
}




   #s5_responsive_mobile_sidebar {
   background:#303030;
   background: -moz-linear-gradient(top, #303030 0%, #303030 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#303030));
   background: -webkit-linear-gradient(top, #303030 0%,#303030 100%);
   background: -o-linear-gradient(top, #303030 0%,#303030 100%);
   background: -ms-linear-gradient(top, #303030 0%,#303030 100%);
   background: linear-gradient(top, #303030 0%,#303030 100%);
   font-family: Arial !important;
   }
   
   #s5_responsive_mobile_sidebar a, #s5_responsive_mobile_search, #s5_responsive_mobile_sidebar_login_register_wrap, #s5_responsive_mobile_sidebar_menu_wrap, .module_round_box-sidebar, .module_round_box-sidebar .s5_mod_h3, .module_round_box-sidebar .s5_h3_first, .module_round_box-sidebar .s5_h3_last, #s5_responsive_mobile_sidebar_menu_wrap h3 {
   color:#FFFFFF !important;
   font-family: Arial !important;
   }
   
   .s5_responsive_mobile_sidebar_inactive .s5_responsive_mobile_sidebar_title_wrap:hover, #s5_responsive_mobile_sidebar_title_wrap_login_open, #s5_responsive_mobile_sidebar_title_wrap_register_open, #s5_responsive_mobile_sidebar_search_wrap_inner1, #s5_responsive_mobile_sidebar .first_level_li:hover {
   background:#a1a1a1;
   cursor:pointer;
   font-family: Arial !important;
   }
   
   .s5_mobile_sidebar_h3_open, #s5_responsive_mobile_sidebar_menu_wrap h3:hover {
   background:#a1a1a1;
   cursor:pointer;
   }
   
   .s5_mobile_sidebar_h3_open span, #s5_responsive_mobile_sidebar_title_wrap_register_open, #s5_responsive_mobile_sidebar_title_wrap_login_open, #s5_responsive_mobile_sidebar a.s5_mobile_sidebar_active, #s5_responsive_mobile_sidebar .s5_mobile_sidebar_h3_open a {
   color:#ffffff !important;
   }
   
   #s5_responsive_mobile_sidebar_menu_wrap div, #s5_responsive_mobile_sidebar_login_bottom, #s5_responsive_mobile_sidebar_register_bottom {
   background:#303030;
   }
   
   #s5_responsive_mobile_sidebar_search_wrap, #s5_responsive_mobile_sidebar_login_register_wrap, #s5_responsive_mobile_sidebar_menu_wrap {
   border-bottom:solid 1px #555555;
   font-family: Arial !important;
   }
   
   #s5_pos_sidebar_top, #s5_pos_sidebar_bottom {
   border-bottom:solid 1px #555555;
   }
   
   #s5_responsive_mobile_sidebar_login_bottom #modlgn-username, #s5_responsive_mobile_sidebar_login_bottom #modlgn-passwd, #s5_responsive_mobile_sidebar_register_bottom input {
   background:#FFFFFF;
   color:#666666;
   border:solid 1px #FFFFFF;
   font-family: Arial !important;
   }
   


   #s5_responsive_mobile_bottom_bar, #s5_responsive_mobile_top_bar {
   background:#2c2e35;
   background: url(http://pixosprint.com/templates/incline/images/vertex/responsive/mobile_static_light.png), -moz-linear-gradient(top, #2c2e35 0%, #2c2e35 100%); /* FF3.6+ */
   background: url(http://pixosprint.com/templates/incline/images/vertex/responsive/mobile_static_light.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2e35), color-stop(100%,#2c2e35)); /* Chrome,Safari4+ */
   background: url(http://pixosprint.com/templates/incline/images/vertex/responsive/mobile_static_light.png), -webkit-linear-gradient(top, #2c2e35 0%,#2c2e35 100%); /* Chrome10+,Safari5.1+ */
   background: url(http://pixosprint.com/templates/incline/images/vertex/responsive/mobile_static_light.png), -o-linear-gradient(top, #2c2e35 0%,#2c2e35 100%); /* Opera11.10+ */
   background: url(http://pixosprint.com/templates/incline/images/vertex/responsive/mobile_static_light.png), -ms-linear-gradient(top, #2c2e35 0%,#2c2e35 100%); /* IE10+ */
   background: url(http://pixosprint.com/templates/incline/images/vertex/responsive/mobile_static_light.png), linear-gradient(top, #2c2e35 0%,#2c2e35 100%); /* W3C */
         font-family: Arial !important;
   }
   
   .s5_responsive_mobile_drop_down_inner, .s5_responsive_mobile_drop_down_inner input, .s5_responsive_mobile_drop_down_inner button, .s5_responsive_mobile_drop_down_inner .button, #s5_responsive_mobile_drop_down_search .validate {
   font-family: Arial !important;
   }
   
   .s5_responsive_mobile_drop_down_inner button:hover, .s5_responsive_mobile_drop_down_inner .button:hover {
   background:#2c2e35 !important;
   }
   
   #s5_responsive_mobile_drop_down_menu, #s5_responsive_mobile_drop_down_menu a, #s5_responsive_mobile_drop_down_login a {
   font-family: Arial !important;
   color:#ffffff !important;
   }
   
   #s5_responsive_mobile_bar_active, #s5_responsive_mobile_drop_down_menu .current a, .s5_responsive_mobile_drop_down_inner .s5_mod_h3, .s5_responsive_mobile_drop_down_inner .s5_h3_first {
   color:#ffffff !important;
   }
   
   .s5_responsive_mobile_drop_down_inner button, .s5_responsive_mobile_drop_down_inner .button {
   background:#ffffff !important;
   }
   
   #s5_responsive_mobile_drop_down_menu .active ul li, #s5_responsive_mobile_drop_down_menu .current ul li a, #s5_responsive_switch_mobile a, #s5_responsive_switch_desktop a, #s5_responsive_mobile_drop_down_wrap {
   color:#ffffff !important;
   }
   
   #s5_responsive_mobile_toggle_click_menu span {
   border-right:solid 1px #2c2e35;
   }

   #s5_responsive_mobile_toggle_click_menu {
   border-right:solid 1px #2c2e35;
   }

   #s5_responsive_mobile_toggle_click_search span, #s5_responsive_mobile_toggle_click_register span, #s5_responsive_mobile_toggle_click_login span, #s5_responsive_mobile_scroll a {
   border-left:solid 1px #2c2e35;
   }

   #s5_responsive_mobile_toggle_click_search, #s5_responsive_mobile_toggle_click_register, #s5_responsive_mobile_toggle_click_login, #s5_responsive_mobile_scroll {
   border-left:solid 1px #2c2e35;
   }

   .s5_responsive_mobile_open, .s5_responsive_mobile_closed:hover, #s5_responsive_mobile_scroll:hover {
   background:#2c2e35;
   }

   #s5_responsive_mobile_drop_down_menu .s5_responsive_mobile_drop_down_inner, #s5_responsive_mobile_drop_down_register .s5_responsive_mobile_drop_down_inner, #s5_responsive_mobile_drop_down_login .s5_responsive_mobile_drop_down_inner, #s5_responsive_mobile_drop_down_search .s5_responsive_mobile_drop_down_inner {
   background:#2c2e35;
   }



   @media screen and (min-width:580px) and (max-width: 970px){
   
      #s5_header_area1 {
         display:none;
      }
   
   }
   


   @media screen and (max-width: 579px){
   
      #s5_right_wrap,#s5_bottom_row3_area1,#s5_footer_area1 {
         display:none;
      }
   
   }
   


   .s5_wrap {
   max-width:1250px !important;
   }
   






































   
      
      
   
      @media screen and (min-width:580px) and (max-width: 600px){
      
                  .s5_resize_bottom_row3 {
         min-height: 0px !important;
         }
               
         #s5_bottom_row3 .s5_float_left {
         float:left !important;
         width:33.3% !important;
         }

      }
      
      
      
      
      
   
























   #s5_bottom_row3_area1 {
            background:#a80319 !important;
               }
   



   

   
         
         .s5_wrap_fmfullwidth ul.menu {
         width:100%;
                  margin:0 auto !important;
         max-width:1250px;
               }   
      #s5_menu_wrap.s5_wrap_fmfullwidth {
                  height:80px;   
                  width:100% !important;
         z-index:2;
         position: fixed;
                  top:0px !important;
                  margin-top:0px !important;
         left:0 !important;
         margin-left:0px !important;
         -webkit-backface-visibility: hidden;
         -webkit-transform: translateZ(2);
      }
   
   .subMenusContainer, .s5_drop_down_container { 
      position: fixed !important;
   }   
   
   #s5_menu_wrap.s5_wrap {   
                        height:80px;
            position: fixed;
            top:0px !important;
            z-index:2;
                  margin-top:0px !important;
   }   
   
                    #s5_menu_wrap {
         -webkit-transition: top 300ms ease-out;
         -moz-transition: top 300ms ease-out;
         -o-transition:top 300ms ease-out;
         transition: top 300ms ease-out;   
      }
         #s5_menu_wrap.s5_wrap_fmfullwidth, #s5_menu_wrap.s5_wrap {   
         top:0px;
      }
      
   #s5_menu_wrap.s5_wrap, #s5_menu_wrap.s5_wrap_fmfullwidth {
            border-bottom:1px solid #c10531;
                     }
   
         #s5_menu_wrap.s5_wrap, #s5_menu_wrap.s5_wrap_fmfullwidth {   
         -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, );   
         -moz-box-shadow: 0 0 4px rgba(0, 0, 0, );
         box-shadow: 0 0 4px rgba(0, 0, 0, );
      }   
      




</style>


: Re: Index.php Max Images CSS
: mikenicoll October 13, 2015, 10:04:11 PM
Hello,

You can find that below although my copy does not have the same large spaces as yours.

templates > incline > css > s5_vertex_addons.css



: Re: Index.php Max Images CSS
: jdrury October 14, 2015, 04:22:51 PM
Why is the head so bloated, the body tag doesn't start until line 445 if I enable js compression, line 600 if I don't. How can this be pared down... this is the kiss of death for SEO


: Re: Index.php Max Images CSS
: mikenicoll October 14, 2015, 05:28:53 PM
Hello,

I am not seeing any bloated or blank space on my site with or without compression. Can you test a different Template setup to see if the same issue occurs? Is this V4 or V3.X?

Regards,


: Re: Index.php Max Images CSS
: jdrury October 14, 2015, 08:22:18 PM
I upgraded vertex on development...previous version on production, and the source looked much better. The body tag appeared at line 602 in the old version, and 250ish on v4. which is better although still a bit on the high side.

Have you tried turning on JS and CSS compression on your site? Totally blows up my site.


: Re: Index.php Max Images CSS
: mikenicoll October 15, 2015, 10:41:51 PM
Hello,

The latest version of V4 with compression enabled on the demo seems to work fine. If you have any 3rd party scripts enabled sometimes this can cause problems with compression. If the newest version of Vertex has improvements I would switch to that as the coding is much more minified.

Regards,