Hi, I’ve followed the instructions in this post to change my rollover icon. https://kriesi.at/support/topic/rollover-disc-arrow-replacement-part-2/
I changed it fine but it doesn’t look right for some reason, I want this icon, “U+2295” which is a nice thick plus symbol.

Firstly I had to change the font size from 18 to 60 as it was tiny, but it is really thin and has a border round the circle ?
Also its not in the center of the circle its too low ?

see attached image

the icon I want in this library http://www.entypo.com/characters/ is a nice thick cross with no border, not sure if i need to change some more settings here is the code Ive changed in base.css all I changed was the two lines

.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\2295";}
	.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\2295";}

here is the full code

.image-overlay{position: absolute; background: #fff; z-index: 500; height:100%; width:100%; opacity: 0; filter:alpha(opacity=0);}
	.image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0;}
	.image-overlay .image-overlay-inside:before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;}
	.image-overlay .image-overlay-inside:before{content:"\E744"; font-family: 'entypo-fontello'; font-size: 60px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\2295";}
	.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\2295";}
	#top .hide-inner-overlay .image-overlay-inside{display: none;}

Many thanks

• This topic was modified 12 years, 5 months ago by mattock. Reason: tried to make some code bold but it doesnt allow