Bigger social button in the footer - JF The Hub - Joomla Templates

Welcome, Guest

joomfreak.com Support Forum

TOPIC: Bigger social button in the footer

Bigger social button in the footer 03 Mar 2018 19:52 #10897

Hi guys
I'd like to change the social button dimensions in the footer:
how is it possible?

Thank you for your support!

Attachments:

This image is hidden for guests. Please log in or register to see it.

Reply Quote

Posts:39
cbastedesign
Junior Boarder
OFFLINE
Karma: 0

Re: Bigger social button in the footer 05 Mar 2018 02:46 #10899

You can change in templates/jf_thehub/css/template.css at line 8296:

 
.list-social-footer li a {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	...
}

joomfreak

Reply Quote

The following user(s) said Thank You: cbastedesign, Kimberly

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: Bigger social button in the footer 24 Oct 2018 22:25 #11238

Hi guys
Here we are again

I'd like to do the following things on the footer social button

1) Change the Twitter/Facebook/Pinterest/Instagram or Dribbble Icon

2) Make the social link open external page like
"www.instagram.com/acro_vertical_official/"
not
"www.acrovertical.it/www.instagram.com/ac...ical_official/"

How can I do it?
Thank you!

Reply Quote

Posts:39
cbastedesign
Junior Boarder
OFFLINE
Karma: 0

Re: Bigger social button in the footer 26 Oct 2018 02:30 #11239

Hi,

1) Change the Twitter/Facebook/Pinterest/Instagram or Dribbble Icon

We used Font Awesome for these icons.

2) Make the social link open external page like

You need enter url with http:// or https://

joomfreak

Last Edit: 26 Oct 2018 02:31 by isupport.

Reply Quote

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: Bigger social button in the footer 29 Oct 2018 20:25 #11243

Dear Support

1)
Font Awesome isn't an extension, a module or a K2 module:
How can I change Dribbble icon in Whatsapp Icon?

Font Awesome can do it
fontawesome.com/icons?d=gallery&q=whatsapp
But I don't know how to work on it

I tryed to change in public_html/templates/jf_thehub line 590 more or less
dribbbleIcon in whatsappIcon
dribbbleLink in whatsappLink
fa fa-dribbble in fa fa-whatsapp and so on but...
you know: it doesn't work

How can I change Dribbble icon in Whatsapp Icon?

2)
You are right... newbie question hehe

Thanks!

Reply Quote