Font Margin

[csosa]

Hello I have some icons as fonts in my
nav dropdown but it is creating margin
when I change the font-size and I currently have
a negative margin to remove the gap but I am not sure
it is the right approach.SITE

CSS:

.icon-shocklabelsicon-01:before {
    font-family: 'icomoon';
    content: "\e904";
    font-size:65px !important;
    vertical-align: middle;
    margin-right: -15px;
}

[sunik]

Well, I think that depends on whether you want the removal of the gap affect the other elements in your list.
I also find myself quite often struggling with positioning icons and most frequently I use   position: relative;   to do the finetuning of the alignment.

In your case maybe like this works better for you?

.icon-shocklabelsicon-01:before {
    font-family: 'icomoon';
    content: "\e904";
    font-size:65px !important;
    vertical-align: middle;
    /* use if needed
    margin-right: -15px;  */
    position: relative;
    top: -2px;
    right: -15px;
}

[ronpat]

<reminder>

Carlos, the local stylesheet STILL needs to come LAST in the cascade, NOT FIRST!

<link rel="stylesheet" type="text/css" href="Styles/style.css">  NOT HERE!
<link rel="stylesheet" type="text/css" href="Styles/bootstrap.css">  
<link rel="stylesheet" type="text/css" href="Styles/hover.min.css">    

[csosa]

oh yeah

Then some of my content gets outta place.
I tried to inspect element but I cant seem to find the
cause…Page

[PVgr]

Well, the horizontal scrollbar is removed with the styles below:

#outerwrapper {
  height: auto;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

I removed the display: table; too.

[PVgr]

I also tried to remove all your styles from .carousel-inner, to fix the slideshow position issues, but I don’t really know what you are trying to achieve, so this may not be the right “fix”.