catcher10lp

Just found a work-around:
I just added   before the widgets in the sidebar.
If someone has a better solution I would be glad if he/she would post it in here.

The first question I resolved with a work-around: I added a new text field in the wdgetarea with the code: <br/>
With the second thing I can’t help you ??

It worked with:

.home .round-div {
border-color:  white;
}

Thanks! ??

I still do have the problem with the margin to the sidebar.
I think it should be something like this but it don’t know the complete code:
.sidebar { margin-left: 100px; }

Would be great if somone could help me ??

[Moderator Note: No bumping. If it’s that urgent, consider hiring someone.]

It worked! Thanks ??

I’m still not completely happy with it:
The circlebackground of the featured posts isn’t the same as the background. I tried to make FAFAFA as backgroundcolor but is think it’s not possible to paste color codes in there.
I used this code which didn’t worked (the code works if I write black or white etc. ):

#main-wrapper {
margin-top:         0px ;
margin-bottom:      0px ;
background-color: white ;               /* Change black */
border:             0px solid red ;       /* Delete if no border needed */
padding:            0 -10px 0 20px ;
}
.container[role="main"] {
background-color: white;               /* black */
}

The other thing is about the width I changed to -10px.
( padding: 0 -10px 0 20px ; )
Through this the content in the sidebar doesn’t look nice ??
The content should has a margin.

Thanks ??

It works !
Thanks! ??

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 ??

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

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

Hmmm,
I don’t know very much about css and I’m also a beginner :/
maybe someone other can help you here or you start a new topic with your question ??

Yes i put this into the custom CSS and it changed everything text to Calibri (https://ii-ec.org/).

I don’t really understand the second part of your question :/

I just found a way:

body{
font-family:Calibri, Verdana, sans-serif;
}

This is a example and you can change it as you want (you should look on the internet for font families)

I also want to have a box arround the featured pages because I have a background color ??

At first you have to go to Media and add the pictures you want.
After that you go to the Media-overview and click on the first picture for the slider. If you now scroll down you can mark the option “add to slider”. Because you don’t have a slider you create a new by typing any name in the box near to the blue button “add slider”.
Now the slider is created and you can add new pictures (works as just explained, but now you don’t create a new slider; you select your slider from the list)

Hope this helped ??

I fixed that with the -50px and now it’s all fine except for one more things about the arrows. It’s difficult to explain this… If you click on the arrow it has a gray background which is now ontop of the text.. I think there should be a margin between the arrow and the text

Thanks ??

I found the mistake… I had to do the -50px only only for the dektop version ??