Personal tools
Namespaces

Variants
Actions

Hosting Quota Notifications 1.X For WHMCS

From ModulesGarden Wiki
(Difference between revisions)
Jump to: navigation, search
(General)
(General)
Line 18: Line 18:
 
|style="padding: 10px 0px 20px 15px;"|If you would like have a similar result, you can use the following colors:
 
|style="padding: 10px 0px 20px 15px;"|If you would like have a similar result, you can use the following colors:
 
|}
 
|}
{|class="wikitable" | style="margin-left: 25px;"
+
{|class="wikitable" | style="margin-left: 25px; margin-bottom: 30px"
 
! style="width:150px; text-align:center;" | Provider
 
! style="width:150px; text-align:center;" | Provider
 
! style="width:150px; text-align:center;" | Button color
 
! style="width:150px; text-align:center;" | Button color

Revision as of 15:01, 28 June 2017

General

'General' settings allow you to change default provider icon sets or colors of provider buttons to the colors of your choice.
  • Icon Sets - you can use your own sets of icons. First you need to create your own icon class file based on the 'FontAwesome.php' located in '/modules/addons/SocialMediaLogIn/assets/classes' .
    Then place your own CSS styles in '/modules/addons/SocialMediaLogIn/assets/miniProviders' and '/modules/addons/SocialMediaLogIn/assets/providers' folders.
  • Default colors - select default button colors that will be used across all your configured providers. You can set up colors both in HEX or RGB format - eg: #000000 for HEX or rgba(0,0,0,1) for RGB format
  • Providers settings - there you can set custom color button per configured provider and change buttons order using drag & drop feature.
SML 19 2.png
An examplary result of such changes will be:
SML 19 3.png
If you would like have a similar result, you can use the following colors:
Provider Button color Button color on hover Icon color
Amazon #e8aa4f #ffc266 #ffffff
Dropbox #007ee5 #038fff #ffffff
Facebook #3b5998 #4569b2 #ffffff
GitHub #464646 #5a5a5a #ffffff
Google #dd4b39 #fa503a #ffffff
Instagram #686868 #7f7f7f #ffffff
LinkedIn #007bb5 #0098e5 #ffffff
Microsoft #0078d7 #018eff #ffffff
PayPal #0070ba #0184d9 #ffffff
Pinterest #cb2027 #e62129 #ffffff
Reddit #ff4500 #fd8254 #ffffff
Stripe #3583cd #358adb #ffffff
Tumblr #35465c #358adb #ffffff
Twitch #613fab #8953f5 #ffffff
Twitter #55acee #58b4f8 #ffffff
WordPress #21759b #2898d1 #ffffff
Yahoo! #5bc0de #31b0d5 #ffffff
Navigation
WHMCS Modules
WHMCS Widgets
Translations
cPanel Modules
General
FAQ
Community