btw. your first topic had an answer 1day after by Yigit
if you don’t reanswer again when not understanding the hints the topic seemed to be solved

i think this is a good link for it: https://vimeo.com/67209750

this is an interesting question because there are already some settings for it:
avia-arrow-wrap and avia-arrow

if you set:
.avia-menu-fx .avia-arrow-wrap { visibility: visible;}

to visible ther is a little arrow on the current menu point.

you generated a font here ? on http://fontello.com/

you downloaded there the generated zip file?

i thought that in entypo the U+2712 is that little feather http://www.entypo.com/characters/

sorry i’m no admin – so i can not see your private message.

and if you want a different color for each you have to set up f.e.

#top .social_bookmarks li.social_icon_1 {background-color: #aaa !important}
or
#top .social_bookmarks li.social_bookmarks_facebook {background-color: #aaa !important}

etc.

for social_bookmarks_twitter, social_bookmarks_skype, social_bookmarks_linkedin, and so on

put the hotsport image in a color section.
There is an oportunity to give the color section a section id (e.g. something)
Than the anchor will be: …/#something

to get a stretched hotspot image you have to put in the quick css:

#something > .container {width: 100%}

maybe it should be important to set :
#something > .container {width: 100% !important}

thats it – this will select the div.container with parent #something
look here: http://www.w3schools.com/cssref/css_selectors.asp

so now here my solution:
you can download here a svg file of your U+2712
http://www.fileformat.info/info/unicode/char/2712/index.htm
( http://www.fileformat.info/info/unicode/char/2712/black_nib.svg)

than you can upload that svg file to http://fontello.com/
the fontello icons generator. you than can download this font as a zip file and upload it via your Enfold Options Dialog (Import/Export)
after that you can use this uploaded font in every icon context – to get the code of your sign use f.e. an Iconbox and navigate to your uploaded sign – on mouseover the code is shown.

than you have to change the functions.php in that way described above
that line :
'ov_image' => array( 'font' =>'entypo-fontello', 'icon' => 'ue869'),
goes to f.e.
'ov_image' => array( 'font' =>'newfont', 'icon' => 'ue753'),

on fontello icon fontgenerator you can give a name to the downloaded font you created or selected there (here newfont)

and did you use .image-overlay .image-overlay-inside:before
i don’t know wheather it works with unicode fonts i used a custom font made on fontello font generator

try first of all this:

.image-overlay .image-overlay-inside:before {
    content: "✒";
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
    font-size: 70px;
    line-height: 70px;
}

the transform is only to rotate the content. If you don’t like it – get rid of it

you can see an other solution here: https://kriesi.at/support/topic/custom-fontello-icon-set-to-standard-post-pic/

it is i guess in functions.php the line 218
'ov_image' => array( 'font' =>'entypo-fontello', 'icon' => 'ue869'),

concerning to your problem.
if you have a child-theme installed you can do it as described above.
or you can change it by editing the functions.php itself and have in mind after updates it could be loss than.

btw . your mentioned U+2712 is an Fontello Icon or do you think that you can use unicode fonts here ?

• This reply was modified 10 years, 3 months ago by Guenni007.

and last but not least : if you want to shift that little timeline (dashed) again to the middle of the image you had to configure:

.multi-big .post_author_timeline, .single-small .post_author_timeline {
    border-right-style: dashed;
    border-right-width: 1px;
    height: 100%;
    left: 80px;
    position: absolute;
    top: 0;
    width: 1px;
}

with left positioning !