Add new social icon

More
3 years 4 months ago #9045 by alisarkhosh
alisarkhosh created the topic: Add new social icon
How to add social icon for use in custom html like"<a class="googleplus" href="#"> </a>"
I want to add some new icons
jm-services
joomla 3.4.8
site: www.ddlpc.com

Please Log in or Create an account to join the conversation.

More
3 years 4 months ago #9053 by marcin
marcin replied the topic: Add new social icon
Hello,

Please follow the steps:

Step1:
Create custom.less file for your custom styles as described in the article:
www.joomla-monster.com/blog/customizatio...sed-on-ef4-framework

Step2:
Add the following styles to that file:
.jm-socials a.newclass {
background-image: url("../images/newicon.png");
background-color: #000000;
}

Important:
Adjust the class name, background image path and background color to your needs.

Step3:
Save the file and refresh your site.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago - 3 years 3 months ago #9180 by alisarkhosh
alisarkhosh replied the topic: Add new social icon
I created telegram.less and add this style
.jm-socials a.telegram {
background-image: url("../images/telegram.png");
background-color: #2ca5e0; }
but does not worked. The white area shows
Last Edit: 3 years 3 months ago by alisarkhosh.

Please Log in or Create an account to join the conversation.

More
3 years 3 months ago #9186 by marcin
marcin replied the topic: Add new social icon
Hello,

The custom.less file is loaded automatically.
If you change the name of this file to the telegram.less then it will be not loaded.
I suggest you to change the name back to the custom.less.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.294 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.