Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #384241

    Hi Enfold Theme!
    I require some assistance as to when…
    I used color section and input avia div 2/3 + 1/3 and there’s an empty white space between the color section and footer seciton when I view the page.
    Any inputs on how can I not have that empty space and that it’ll be joined with footer section?

    Current CSS used!

    #av-overlay-wrap {
    background: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg") !important;
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }
    
    #top .woocommerce-message{
    padding:1em 1em 1em 3.5em!important;
    margin:0 0 2em!important;
    position:relative;
    -webkit-border-radius:0px;
    border-radius:0px;
    background:#ffffff;
    background-color: transparent !important;
    border: 0px;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background:-webkit-linear-gradient(#ffffff,#ffffff);
    background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
    background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
    color:#000000 !important;
    text-shadow:0 1px 0 #fff;
    list-style:none outside!important;*zoom:1;width:auto;
    -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) {
    background-color: white !important;
    background-image: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg");
    }
    
    .cloud-zoom-big {
    	border:4px solid #ccc;
    	overflow:scroll !important;
    }
    
    .four.units.single-product-main-image {
    overflow: visible !important;
    }
    
    ul.products li.product a img {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        display: block !important;
        height: auto !important;
        margin: 0 0 8px !important;
        transition: all 0.2s ease-in-out 0s !important;
        width: 320px !important;
    }
    
    .mousetrap {
    z-index: 99999999 !important; position: absolute; width: 387px; height: 540px; left: 0px; top: 0px; cursor: move;
    }
    
    . single-product #av_section_1 {
    height: auto !important;
    }
    
    .title_container { 
    display: none !important; 
    }
    
    .single-product-main-image.alpha {
    z-index: 5000;
    overflow: visible !important;
    }
    
    .single-product-main-image { overflow: visible; }

    Link is posted at the Private Content Section of this thread.

    Help is greatly appreciated :)
    Regards,
    Marcus

    #384464

    Hi Kayzel!

    I checked your link but I don’t see any color sections or gaps in the page. Take a screenshot and highlight what your seeing so we can get a better idea.

    Regards,
    Elliott

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.