full size social networking icons – Themeco Community

full size social networking icons

TravelingIsAVerb — Sat, 11 Apr 2015 18:12:19 +0000

I’m trying to add regular size Facebook, Instagram, twitter, and pinterest icons to my sidebar and also to widgets in the footer. Twitter seems to work, but Facebook doesn’t because it talks about adding javascript.

I do have the social icons you supply working, and they are correct.

Thanks

Reply To: full size social networking icons

Christian — Sun, 12 Apr 2015 01:52:25 +0000

Hey there,

Please give us access to your WordPress admin so we could investigate the issue. I tried the credentials given in your other replies but couldn’t login.

Thanks.

Reply To: full size social networking icons

TravelingIsAVerb — Sun, 12 Apr 2015 20:50:07 +0000

This reply has been marked as private.

Reply To: full size social networking icons

Rad — Mon, 13 Apr 2015 01:41:28 +0000

Hi there,

Thanks, but we don’t know where should we login. Please provide your url too.

For the meantime, you can actually add text widget at your sidebar, and then inside that widget, add share shortcode. http://theme.co/x/demo/integrity/1/shortcodes/entry-share/

Cheers!

Reply To: full size social networking icons

TravelingIsAVerb — Mon, 13 Apr 2015 12:00:59 +0000

Sorry travelingisaverb.com

Thanks, share is a good idea and works fine, but I want people to be able to follow me as well

Reply To: full size social networking icons

Christopher — Mon, 13 Apr 2015 12:14:40 +0000

Hi there,

Please add following code in Text type widget in order to display it in sidebar :

Hope it helps.

Reply To: full size social networking icons

TravelingIsAVerb — Tue, 14 Apr 2015 17:02:40 +0000

Thanks

That does put the icons there, but they are the same size as on the top bar and footer. How would i get the “usual” icons that are bigger, like the Twitter bird you see on everyone’s site, and so on.

Is there also a way to control the color of these icons

Reply To: full size social networking icons

John Ezra — Tue, 14 Apr 2015 20:02:58 +0000

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

/* Icon size for social share */
.x-share-options i {
    font-size: 30px;
}

/* Colors for social icons */
i.x-icon-facebook-square {
    color: #3b5998;
}

i.x-icon-twitter-square {
    color: #00aced;
}

i.x-icon-google-plus-square {
    color: #dd4b39;
}

i.x-icon-linkedin-square {
    color: #007bb6;
}

i.x-icon-pinterest-square {
    color: #cb2027;
}

i.x-icon-reddit-square {
    color: #5f99cf;
}

i.x-icon-envelope-square {
    color: #000000;
}

Note: the above are the official colors of these icons, but you can change them to whatever you like. Hope this helps – thanks!

Reply To: full size social networking icons

TravelingIsAVerb — Wed, 15 Apr 2015 15:38:32 +0000

Thanks so much. we are getting really close!

Is there a similar way to change the size of the icons that actually let the visitor follow me on Facebook for example. The ones now in the side bar are still small, the same size as in the footer. Can I make them the large size as well?

Thanks for all your help!

Reply To: full size social networking icons

Thai — Wed, 15 Apr 2015 18:00:01 +0000

Hi There,
Try adding following CSS under Appearance > Customize > Custom > CSS:


.textwidget .x-social-global {
text-align: center;
}
.textwidget .x-social-global a {
font-size: 35px;
margin-right: 10px;
}

Hope it helps.