• Hey guys,

    You can see it here (omerbaturay.com). I do have code that moves the image up a little to reduce the gap between it and the slider but the cutoff doesn’t change when i activate/de-activate them.

    Any idea how I could get my “full circles” back? 😀

    Here’s all I have in CSS

    /*
    Theme Name: Child Theme
    Version: 1.0
    Description: A child theme of Customizr
    Template: customizr
    */
    
    @import url("../customizr/style.css");
    
    /* Moves the button and text on slider */
    .carousel-caption {
    position:   relative;
    top:        0px;      /* 0px is top of element */
    left:       0%;       /* 0% is left of element */
    }
    
    /* change the FB icon to blue style  */
    a.icon-facebook:before {
    background-color:   #3b5998;
    border-radius:      2px;
    color:              white;
    padding:            4px 0 0 2px;
    position:           relative;
    text-shadow:        none;
    top:                4px;
    }
    a.icon-facebook {
    position:           relative;
    top:                -4px;
    } 
    
    /* Remove Navbar box (CURRENTLY INACTIVE)
    .navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    background:         none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    }   */
    
    /* 2px=thickness, solid=style (dotted-dashed-solid-double-groove-ridge-inset-outset), red=color */
    #customizr-slider {
    border-top: 4px groove orange;
    /* border-bottom: 4px groove orange; (CURRENTLY DISABLED) */
    }
    
    /* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color (CURRENTLY INACTIVE)
    #right.widget-area {
      border-left: 2px solid green;
    } */
    
    /* Change Slider Titles (2em) font-size, (Garamond) family, (red) color (CURRENTLY INACTIVE)
    .carousel-caption h1 {
    font-family:    Garamond;
    font-size:      2em;
    color:            red;
    }
    .carousel-caption p {
    font-family:    Garamond;
    font-size:      2em;
    color:            blue;
    }
    .carousel-caption .btn {
    font-family:    Garamond;
    font-size:      2em;
    color:            yellow;
    } */
    
    /* Removes gray bar between menu-bar and slider */
    header.tc-header {
    border-bottom: 0;
    } 
    
    /* Changes the gray bar between menu-bar and slider (CURRENTLY INACTIVE)
    /* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
    /* header.tc-header {
    border-bottom:  2px solid green; */
    } */
    
    /* All Carousels - Hides arrows on slider */
    .carousel-control {
    display:        none;
    }
    
    /* Front-page Carousel only - Hides arrows on slider */
    .home .carousel-control {
    display:        none;
    }
    
    /* Header Social Icons - Changes their size */
    .navbar-inner .social-block {
    font-size: 1.5em;
    }
    /* Footer Social Icons - Changes their size */
    .colophon .social-block {
    font-size: 1.5em;
    }
    
    /* Reduce gap between Slider & Zoom Image */
    .marketing {
    margin-top:     -5px;
    }
    
    /* Reduce gap between Zoom Image & FP Header  */
    .widget-front > h2 {
    margin-top:     -2px;
    margin-bottom:  0px; 
    
    /* Necessary for centering tagline */
    }
    .brand.span12 {
    float:              none;
    }
    
    /* Centers tagline */
    .site-description {
    margin:             0px 0px;
    }
    .inside.site-description {
    display:            block;
    }
    
    /* Centers entire menu-bar block */
    .navbar-wrapper .navbar.notresp.row-fluid {
    float:              none;
    width:              90%;
    margin:             0 auto;
    }
    
    /* Adjusts margin and padding for the menu-bar block */
    .navbar .navbar-inner {
    margin:             20px 0px;
    padding:            0px 0px;
    }
    
    /* Makes Slider into a Fader */
    .carousel-inner > .item {
    -webkit-transition: opacity 1.5s ease-in-out ;
    transition:         opacity 1.5s ease-in-out ;
    }
    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
    opacity:        1;
    z-index:        1;
    left:           0;
    }
    .carousel-inner > .active.left {
    opacity:        0;
    z-index:        2;
    left:           0;
    }
    .carousel-inner > .active.right {
    opacity:        0;
    z-index:        2;
    left:           0;
    }
    
    /* Adds a second line of tagline after the main one */
    .site-description:after {
        content:      "Specialized in Entrepreneurship and International Business";
        display:      block;
        font-size:    .95em;      /* optional */
        font-weight:  normal;     /* optional */
        opacity:      0.8;        /* optional */
    }
    /* Moves social icons to the right */
    .navbar-inner .social-block {
    float:          right;
    margin-right:   -20px;
    text-align:     right;
    }
    
    /* Moves logo down to level with menu-bar */
    .tc-header .brand a {
        margin: 50px;
        font-size: .75em;
    }
    
    /* Disables background on the slider text */
    .carousel-caption {
     background: none;
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    } 
    
    /*make the menu sub-menu items drop down on mouse hover */
    ul.nav li.dropdown:hover > ul.dropdown-menu{
        display: block;
        margin: 0;
    }
    
    ul.nav li.dropdown > ul.dropdown-menu {
        padding-top: 10px;
        margin: 0;
        }
    .nav > li > a.a-caret {
        display: block;
        padding: 8px;
        position: absolute;
        height: 10px;
        width: 10px;
        top: 1px;
        left: 10px;
        }
    .nav > li > a.a-stripped {
        padding: 5px 2px 5px 38px;
        }
    .navbar .nav .dropdown-toggle .caret {
        margin-top: 4px;
        margin-left: 1px;
        }
    .navbar .nav > li > .dropdown-menu:before {
        left: 16px;
        }
    .navbar .nav > li > .dropdown-menu:after {
        left: 17px;
        }
    .navbar .navbar-inner {
        box-shadow: 0 2px 15px rgba(0,0,0, 0.12);
        }
    .navbar .nav > li > .dropdown-menu:before {
        border-bottom: 7px solid rgba(153, 153, 153, 0.27);
        }
    .navbar .nav > li > .dropdown-menu:after {
        border-bottom: 6px solid rgba(255,255,255,.9);
        }
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        background-color: #ececec;
        border-radius: 4px;
        box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
        }
    @media (min-width: 980px) {
        ul.nav li.dropdown:hover a.a-caret + ul.dropdown-menu,
        ul.nav li.dropdown a.a-caret:hover + ul.dropdown-menu,
        ul.nav li.dropdown ul.dropdown-menu:hover {
            display: block;
            z-index: 1001;
            }
        }
    @media (max-width: 979px) {
        .nav > li > a.a-caret {
            box-shadow: 0 1px 3px rgba(0,0,0,.35);
            height: 12px;
            width: 12px;
            top: 2px;
            left: 8px;
            }
        .nav > li > a.a-stripped {padding-right: 45px; padding-left: 45px;}
        ul.nav li.dropdown.open ul.dropdown-menu  {
            background-color: #ececec;
            border-radius: 4px;
            box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
            }
        .dropdown-submenu > a:after {
            border-left-color: transparent;
            border-top-color: #ccc;
            border-width: 5px 5px 0 5px;
            }
        .dropdown-submenu:hover > a:after {
            border-top-color: #fff;
            }
        .dropdown-submenu:hover > a:after {
            border-left-color: transparent;
            }
        ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu ul.dropdown-menu {
            background-color: white;
            box-shadow: inset 0 1px 4px rgba(0,0,0,.27);
            display: block;
            position: relative;
            margin-right: 4px;
            bottom: 2px;
            }
        ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu:hover > a {
            color: white;
            }
        }
    
    /* Adjust the Slider Height */
    #customizr-slider.carousel .item {
    height:         375px;
    min-height:     375px;
    line-height:    375px;
    }
    
    /* Changes slider font size */
    .carousel-caption h1{
      font-size: 25px;
    }
    .carousel-caption p{
      font-size: 15px;
    }
  • The topic ‘[Theme: Customizr] Zoom Image cuts off at the bottom.’ is closed to new replies.