On my master page , i need to dispaly social media ICONS for facebook, twitter, google plus and so on. I got the theme from client. But didn't find where ICON is saved. It has used some classes on <i> tag like icon-facebook, icon-twitter and so on. See the below
Is this something that has already been implemented on an existing Umbraco project that you have overtaken?
I think that there is probably an icon-font being used so you should be able to find the font and font settings in your project somewhere.
From within Umbraco you can create a dropdown property editor where you hardcode the different values for the icons you want to make it possible for the editor to switch between.
In your rendering you then set up some conditions for what icon class should be applied when, which value has been selected by an editor.
Customize social media icons from Umbraco CMS
Hi
On my master page , i need to dispaly social media ICONS for facebook, twitter, google plus and so on. I got the theme from client. But didn't find where ICON is saved. It has used some classes on <i> tag like icon-facebook, icon-twitter and so on. See the below
<!-- Social Icons -->
<div class="six columns">
<ul class="social-icons">
<li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
<li><a class="dribbble" href="#"><i class="icon-dribbble"></i></a></li>
<li><a class="gplus" href="#"><i class="icon-gplus"></i></a></li>
<li><a class="pinterest" href="#"><i class="icon-pinterest"></i></a></li>
</ul>
</div>
Now, i have searched for "icon-facebook" in code and in my style.css i have found only (.icon-facebook:before { content: '\66'; } /* 'f' */)
So i don't know how to make this social media stuff customizable from Umbraco CMS ?
Please help me its really urgent !
Thanks
Rohan Dave
Hi Rohan
Is this something that has already been implemented on an existing Umbraco project that you have overtaken?
I think that there is probably an icon-font being used so you should be able to find the font and font settings in your project somewhere.
From within Umbraco you can create a dropdown property editor where you hardcode the different values for the icons you want to make it possible for the editor to switch between.
In your rendering you then set up some conditions for what icon class should be applied when, which value has been selected by an editor.
Hope this makes sense.
/Jan
is working on a reply...