Forum Support

Shape 5
October 26, 2021, 11:19:53 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Index.php Max Images CSS  (Read 318 times)
jdrury
Jr. Member
**
Offline Offline

Posts: 84



WWW
« on: 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>
Logged

A day without eggs is just like any other day, just without eggs
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: 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

Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jdrury
Jr. Member
**
Offline Offline

Posts: 84



WWW
« Reply #2 on: 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
Logged

A day without eggs is just like any other day, just without eggs
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jdrury
Jr. Member
**
Offline Offline

Posts: 84



WWW
« Reply #4 on: 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.
Logged

A day without eggs is just like any other day, just without eggs
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.