Change Color of the Arrow in Default Layout

From iThemes Codex
Jump to: navigation, search

To change the color of the arrow in the Default layout, you want to style the #tiptip_holder.tip_right #tiptip_arrow_inner property.

To do this, edit the style.css file in the wp-content/plugins/tipsy/layouts/default folder (OR any folder you have your layout in) and modify (or have) the following:

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(255,0,0);
	border-right-color: rgba(255,0,0,0.92);

Change the 250,0,0 to your prefer color's RGB code. In the above example, 250,0,0 is RED.

Related links:

← Back to Tipsy Codex Home