How to change the symbols of the arkkordeon toggles?

Hey Jak73,
To remove the box, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av_toggle_section .toggle_icon {
	border: none;
}

but to change the symbol, please tell us what you want to use.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av_toggle_section .toggle_icon:before {
	content: url(https://test.w-bullinger.com/WB-Reader-Arrow.svg);
}
.av_toggle_section .activeTitle .toggle_icon:before {
	content: url(https://test.w-bullinger.com/WB-Reader-X.svg);
}
.av_toggle_section .toggle_icon {
	border:none;	
}
.av_toggle_section .toggle_icon .vert_icon,
.av_toggle_section .toggle_icon .hor_icon {
	display:none;
} 

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.togglecontainer p.toggler {
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
}

Best regards,
Mike

Hi,
Change the precious css to this:

.av_toggle_section .toggle_icon:before {
	content: url(https://test.w-bullinger.com/WB-Reader-Arrow.svg);
  top: -10px;    
  position: relative;
}
.av_toggle_section .activeTitle .toggle_icon:before {
	content: url(https://test.w-bullinger.com/WB-Reader-X.svg);
  top: -10px;    
  position: relative;	
}
.av_toggle_section .toggle_icon {
	border:none;	
}
.av_toggle_section .toggle_icon .vert_icon,
.av_toggle_section .toggle_icon .hor_icon {
	display:none;
} 

and adjust the top: -10px; to suit.

Best regards,
Mike

Hi,
I’m not seeing this this on my Mac, but you could try adding this css:

.togglecontainer * {
	border-left: none;
	border-right: none;
	border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.togglecontainer .av-inherit-border-color {
	border-left-color: transparent !important;
  border-right-color: transparent !important;
}

then clear your browser cache, Please note that testing with Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike