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, 8 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 !

and if you like you can give a little border on the small preview image:

#top .fullsize .template-blog .big-preview a, #top .fullsize .template-blog .small-preview img {border: 2px solid #f07625}

because you have some images with white background.

so my next question to me is – why did you do that?
And this question leads me to another question. it wood be nice to give a class to every segment (1/1, 1/2 etc.) so than it is possible to give it a custom background-color f.e.
i like the opportunity (adding add_theme_support('avia_template_builder_custom_css'); to functions.php) to give every layout element a custom class. If there was a button on those layout elements to put in only a custom class this will be brilliant.