Support » Theme: Customizr » Remove stripe on the right

  • Resolved catcher10lp

    (@catcher10lp)


    Hey guys,
    as the heading says I want to remove the stripe on the right site. I only do have this problem in the mobile version.
    I tried this code which didn’t really work:

    #left.widget-area, #left.widget-area: after {
      border-right: medium none;
    }

    thanks 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • Remove space between : after

    Thread Starter catcher10lp

    (@catcher10lp)

    Tried it but the stripe is still there (ii-ec.org).
    would it help if I post all of my css code in here?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you help us identify where the stripe is?

    Thread Starter catcher10lp

    (@catcher10lp)

    as you can see on my page ii-ec.org there is a stripe on the right from the top to the buttom.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Remove the margin right of 20px you have given to your navigation menu.

    Thread Starter catcher10lp

    (@catcher10lp)

    I don’t really know where in my code is a margin of 20px
    this is my code:

    /*Schriftgröße und Art*/
    body{
    font-family:Calibri, Verdana, sans-serif;
    font-size: 18px;
    }
    /*logo grösse auf verschiedenen geräten*/
    @media all and (min-width: 970px) and  {
     	.brand.span3 {
        width: 15%;
    }
    }
    
    /*positoion des menüs in der mobilen version*/
    @media all and (max-width: 970px)  {
    .navbar-inner .btn {float: left;}
    .navbar-wrapper .social-block
    {
      margin-left: 25px;
    }
    .nav-collapse, .nav-collapse.collapse {
      position: relative;
      left: 13%;
      top: 0;
      width: 202px;
    }
    }
    
    /*beitragsicon entfernen*/
    .format-icon:before {
    	speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      padding-right: 10px;
      opacity: 0.2;
      position: relative;
      top: 8px;
      display: none;
      font: normal normal 1.2em/1 'entypo';
    }
    
    /*Reduce vertical space between slider and feature circles*/
    #main-wrapper {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .marketing {
    margin-top: 0px;
    }
    .marketing .span4 + .span4 {
        margin-top: 10;
    }
    
    /*Reduce space above breadcrumbs */
    .tc-hot-crumble {
        margin-top: 0;
    }
    
    /*position der menüpunkte*/
    @media all and (min-width: 970px) {
    .navbar-inner {
      max-height: 90px;
    }
    
    .navbar .nav {
      display: block;
      float: left;
      position: relative;
    margin-top:  -30.5px;
    margin-left: 25px;
    
    }
    }
    
    /*Abstand von Menü zu grauer leiste verringern*/
    .row-fluid .span9 {
    max-height: 0px;
    }
    
    /*slider größe*/
    .carousel .item {
     line-height: 250px;
     overflow: hidden;
     min-height: 250px;
     width: 1170px;
    }
    
    /*slider Text position*/
    
    .carousel-caption {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
      display: inline-block;
      line-height: 14px;
      margin-left: 5%;
      max-width: 40%;
      padding: 3%;
      position: relative;
      vertical-align: middle;
    }
    
    /*Menüschriftfabe ändern */
    .navbar .nav > li > a { color: #FFFFFF;
    text-shadow: 0 0px 0  }
    
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover { color: #fff; }
    
    /* Remove Navbar box           */
    .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;
    }
    
    /* Richtiges Blau für buttons*/
    .btn-custom-lighten.active {
      color: rgba(255, 255, 255, 0.75);
    }
    .btn-custom-lighten {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #3ec9d8;
      background-image: -moz-linear-gradient(top, #2dc4d5, #58d0dd);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2dc4d5), to(#58d0dd));
      background-image: -webkit-linear-gradient(top, #2dc4d5, #58d0dd);
      background-image: -o-linear-gradient(top, #2dc4d5, #58d0dd);
      background-image: linear-gradient(to bottom, #2dc4d5, #58d0dd);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2dc4d5', endColorstr='#ff58d0dd', GradientType=0);
      border-color: #58d0dd #58d0dd #27b2c2;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      *background-color: #58d0dd;
      /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .btn-custom-lighten:hover,
    .btn-custom-lighten:focus,
    .btn-custom-lighten:active,
    .btn-custom-lighten.active,
    .btn-custom-lighten.disabled,
    .btn-custom-lighten[disabled] {
      color: #ffffff;
      background-color: #58d0dd;
      *background-color: #42cad9;
    }
    .btn-custom-lighten:active,
    .btn-custom-lighten.active {
      background-color: #2dc4d5 ;
    }
    
    /*clickable parent links*/
    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 0px 0px rgba(0,0,0, 0.12);
    margin-top: 40px;
    margin-left: -30px;
    margin-right: -20px;
        }
    .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;
            }
        }
    
    /*Hintergrundfarbe*/
    body {
      background: none repeat scroll 0 0 #2dc4d5;
      color: #000000;
      padding-bottom: 0;
    }
    
    /*streifen rechts entfernen*/
    #left.widget-area, #left.widget-area:after {
      border-right: medium none;
    }
    
    /*streifen unter Überschrift entfernen*/
    .featurette-divider {
      display:  none;
    }
    
    /*Schatten entfernen*/
    h1, h2, h3, h4, h5, h6 {
        color: inherit;
        font-family: inherit;
        font-weight: bold;
        line-height: 20px;
        margin: 10px 0;
        text-shadow: 0 0 0 white;
    }

    Thanks 🙂

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry I meant ‘-20px

    Thread Starter catcher10lp

    (@catcher10lp)

    It works !
    Thanks! 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Remove stripe on the right’ is closed to new replies.