Change Color of the Arrow in Default Layout

From IThemes Codex
Revision as of 17:14, July 16, 2013 by Elise (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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

Personal tools
iThemes Codex
Codex Navigation