Jump to content

Displaying a button from the bootstrap framework


TomH

Recommended Posts

I have the follow code in an article which produces a green button:

<a href="register/" class="btn btn-large btn-success"><i class="icon-user icon-white"></i> Create Your Free Account</a></div>

The problem is that the color of the text  in the button is a dark grey and now white like it should be.

/* Boot Strap Button Color Fixes */
a.btn.btn-success {
    color: #FFF;
}

I fixed this before be adding the above code to custom.css.

 

Now with the new version of the iReview template I noticed that the icon is now a dark gray as well. the icon-white class is ignored in template.min.css because of this:

[class*="icon-"]:not(.joms-icon) {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #555;
}

Adding the icon-white class to custom.css doesn't work either as the above class is still applied last.

 

Does someone know how to fix this with out me having to modify template.min.css.

 

I was also wondering why the success button text of bootstrap is being changed anyways by the iReview template?

 

Thanks

Link to comment
×
×
  • Create New...