WordPress.com Forums » Tag: Social Icon - Recent Posts

designsimply on "Make Social Media Icon Widgets Horizontal"

designsimply — Thu, 06 Dec 2012 16:14:50 +0000

To make the social icons you've added as image widgets to the right sidebar in the Comet theme, add this to your Appearance → Custom Design → CSS editor:

#c3 .widget_image {
	background: none;
	float: left;
	padding: 8px;
}
#c3 .widget:first-child {
	margin-top: 10px;
}

Note that this will adjust all image widgets in the right sidebar, if you want to add more image widgets later and you don't want the new ones to have collapsed spacing, then you can adjust the CSS to only affect specific image widgets. For now though, the CSS example above is quick and easy based on the content you've added so far.

agent57uk on "Make Social Media Icon Widgets Horizontal"

agent57uk — Wed, 07 Nov 2012 15:59:28 +0000

BALLSSSSSSSSSSSSSSSS

& n b s p ; (remove spaces)

agent57uk on "Make Social Media Icon Widgets Horizontal"

agent57uk — Wed, 07 Nov 2012 15:58:34 +0000

" " < This puts a nice space between the icons

agent57uk on "Make Social Media Icon Widgets Horizontal"

agent57uk — Wed, 07 Nov 2012 15:57:55 +0000

Here is a copy of the code that I used, edit this and put it in a single text box widget

LINKTOEXTERNALSERVICEFACEBOOKANDWHATNOT" target="_blank">
<img src="http://LINKTOIMAGE.png" border="0" style="border:none;max-width:100%;" alt="BLA" />

< This puts a nice space between the icons
Copy the above again, and repeat it for each service

agent57uk on "Make Social Media Icon Widgets Horizontal"

agent57uk — Wed, 07 Nov 2012 15:33:03 +0000

It's a pain that single widgets create dead space... for wordpress.org there is a plugin called the "social sharing toolkit", you can see a good example here

I suppose another way would be to use a single text box widget and create the HTML that links to the self hosted images that themselves link to the social network pages, I think you are hosting them yourself anyway, stick them in your block and set up the images to link to the extrenals

ohchanti on "Make Social Media Icon Widgets Horizontal"

ohchanti — Tue, 06 Nov 2012 14:01:20 +0000

How can I make my social media icons go horizontal vs vertical? I added them as an "image" under my widgets. Should I have used another method to include these on my sidebar?

http://ohchanti.wordpress.com/

timethief on "Google+ social icon..."

timethief — Fri, 18 Nov 2011 01:41:38 +0000

We cannot edit templates or themes. > http://en.support.wordpress.com/themes/editing-themes/

simonmorris71 on "Google+ social icon..."

simonmorris71 — Fri, 18 Nov 2011 01:37:43 +0000

Thanks timethief... is it possible to add some code, or is that only available with the WordPress.org format?

timethief on "Google+ social icon..."

timethief — Fri, 18 Nov 2011 01:34:34 +0000

I was wondering whether an update has been made to the Mystique theme, allowing for the G+ social icon alongside the others

No there hasn't been.

simonmorris71 on "Google+ social icon..."

simonmorris71 — Fri, 18 Nov 2011 01:32:53 +0000

Thanks raincoaster... however, with the Mystique theme there are already built-in social icons such as - Facebook, Twitter, Flickr & YouTube.

With the popularity of Google+ I was wondering whether an update has been made to the Mystique theme, allowing for the G+ social icon alongside the others (as listed above)... or maybe add some code (which I know nothing about).

Thanks :-)

raincoaster on "Google+ social icon..."

raincoaster — Fri, 18 Nov 2011 01:20:14 +0000

Yes, look under your Sharing options on the dashboard.

simonmorris71 on "Google+ social icon..."

simonmorris71 — Fri, 18 Nov 2011 01:18:05 +0000

Hello

I'm currently using the free 'Mystique' template by DigitalNature. Is it possible to add additional social icons... in particular Google+ ?

Look forward to your reply, thanks :-)

PS
I have no code experience whatsoever... sooooorry! ;-)

simonmorris71 on "Google+ social icon..."

simonmorris71 — Thu, 17 Nov 2011 11:49:22 +0000

Hello

I'm currently using the free 'Mystique' template by DigitalNature. Is it possible to add additional social icons... in particular Google+ ?

Look forward to your reply, thanks :-)

PS
I have no code experience whatsoever... sooooorry! ;-)