ACCORDION Documentation

Hey,

I just wanted to let you know that the CSS for “Accordion style-3″ is missing ” \ ” calling the icon as you can see below:

/*----------------------------------------
// CSS - Accordion style 3
//--------------------------------------*/

/* Tab title style */
.av-accordion-style-3 .toggler {
   	font-size: 18px;
	font-weight: bolder;
	border: none;
 	padding: 10px 15px;
	text-transform: uppercase;	
	color: #fff;
	background: #323b43;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.av-accordion-style-3 .activeTitle.toggler:hover,
.av-accordion-style-3 .activeTitle.toggler,
.av-accordion-style-3 .toggler:hover {
	color:#FFF;
	background: #ee4f4f;
	}

/* Extra content in tab title */
.av-accordion-style-3 .toggler span.extra-content {
	display: block;
	clear: both;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: lighter;
	opacity: .65;
	padding: 5px 0;
	text-transform: none;
}

/* Accordion icon */
.av-accordion-style-3 .toggle_icon:before {
	position: absolute;
	font-size: 18px;
 	top:50%;
 	transform: translateY(-50%);
	left: 0;
	content:"e875";
	font-family: 'entypo-fontello';	 	
 	line-height: 0;
}

/* Active tab icon */
.av-accordion-style-3 .activeTitle .toggle_icon:before {
	content:"e873";
	font-family: 'entypo-fontello';	 	 	
}

/* Hide default icon */
.av-accordion-style-3 .toggle_icon {
	border:none;	
	position: absolute;
	left: auto;
	right: 20px;
}
.av-accordion-style-3 .toggle_icon .vert_icon,
.av-accordion-style-3 .toggle_icon .hor_icon {
	display:none;
}

/*Toggle content area */

.av-accordion-style-3 .toggle_content {
	background: #fff9ea;
	padding-top: 30px;
}

It should have been content:”\e873″; instead of content:”e873″;

Cheers

• This topic was modified 5 years, 6 months ago by quikretecanada.