Menu icon Foundation
how to change foundation tooltip backgroun color

can anyone help me to change the background color of foundation tool tip.

thanks.

Tool Tipstylebackground color

can anyone help me to change the background color of foundation tool tip.

thanks.

Dave over 5 years ago

in scss $tooltip-bg: #000;

change it to something else

Asif over 5 years ago

If you are not using the SASS version and using the CSS version you could override the foundation's generated CSS by adding the following in your own CSS

.tooltip{
  background-color:red !important;
}
.tooltip > .nub{
  border-color: transparent transparent red;
}

here is a codepen for this:

http://codepen.io/asif999/full/yLKgr/

-Asif