Remove stripe on the right
-
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
Tried it but the stripe is still there (ii-ec.org).
would it help if I post all of my css code in here?Can you help us identify where the stripe is?
as you can see on my page ii-ec.org there is a stripe on the right from the top to the buttom.
Remove the margin right of 20px you have given to your navigation menu.
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 🙂
Sorry I meant ‘
-20px
‘It works !
Thanks! 🙂
Viewing 8 replies - 1 through 8 (of 8 total)
- The topic ‘Remove stripe on the right’ is closed to new replies.