Sela theme social media icons

staff-happychia · Staff · Feb 8, 2015 at 6:14 am
Copy link
Alright, copy the html from https://cloudup.com/c7TBMfgzayr into the text widget. Make sure there are no spaces or line breaks when you copy.

Oops, I somehow thought you have a Custom Design upgrade. Without Custom Design upgrade, we cannot get heart icon for Bloglovin profile link.
donnawanderlust · Member · Feb 8, 2015 at 7:10 am
Copy link
ok, done and understood. Sorry it was so much hard work. Thanks for your time.
staff-happychia · Staff · Feb 8, 2015 at 7:19 am
Copy link
No worries :-)

Happy blogging.
marielencdmx · Member · Feb 8, 2015 at 9:54 am
Copy link
@ryancowles: it’s http://latinaencph.wordpress.com.

Another question I have: the social media icons on the footer appear to look like a “low res” picture (I know they’re a font), and I think that there’s a border color or something similar around it. Is it possible to remove, so that they have a better appearance, without messing any of the code?

Thanks and sorry if it’s too much work.
staff-happychia · Staff · Feb 9, 2015 at 8:51 am
Copy link
@latinaencph

That effect is because of the background color on the element. Let’s make it transparent using this CSS to make them tidy :-)
```
.social-links ul a {
    background-color:transparent;
}
```
marielencdmx · Member · Feb 9, 2015 at 9:19 am
Copy link
staff-happychia Thanks so much!!!! Apologies for this new dumb question but where do I write that code? I don’t have a CSS editor like in self-hosted WP sites…
staff-happychia · Staff · Feb 9, 2015 at 9:21 am
Copy link
Here is the CSS Editor which is available only for the users with the Custom Design upgrade.
marielencdmx · Member · Feb 9, 2015 at 9:28 am
Copy link
Oh I see. I don’t have it yet, but thanks anyway :)
staff-happychia · Staff · Feb 9, 2015 at 9:32 am
Copy link
You are welcome :-)
emmasmithproofreader · Member · Feb 16, 2015 at 11:37 pm
Copy link
staff-happychia

I’ve been following this thread and it’s very useful, but the cloudup link is no longer accessible.

Please can you provide the html to add the social icons from the footer bar into the side menu, in the same style?
staff-happychia · Staff · Feb 17, 2015 at 7:36 am
Copy link
@emmasmithproofreader

Don’t worry about the broken cloudup. It is not anyway going to work for you.

Your html would be: https://cloudup.com/cYgEM0DnpJc

Your site is not hosted on WordPress.com but it also doesn’t look like a self-hosted WordPress.org based site. Is that right?
emmasmithproofreader · Member · Feb 17, 2015 at 8:05 pm
Copy link
staff-happychia thank you so much!

You’re right my profile links to my professional site, which is hosted elsewhere, but the domain was purchased through wordpress.com

The site I am using the social links for is my blog, which is linked to this account, but not yet public.

I realised when I saw the Cloudup content you provided that I could copy what I needed from the footer of my blog using Firebug and paste into the text widget and it has worked. :)

Thanks again for your help, this was brilliant.

When I push my blog live I’ll let you know!
staff-happychia · Staff · Feb 18, 2015 at 6:33 am
Copy link
I am glad you figured that we can copy the footer html to text widget :-)

I look forward to check your site once it is public.
jacquiwithaq · Member · Mar 11, 2015 at 8:34 pm
Copy link
Hi! staff-happychia – could you help me do the Sela social icons in my sidebar? I don’t have premium so I need help with the coding, and the cloudup links weren’t working :( Thank you!!
staff-happychia · Staff · Mar 12, 2015 at 8:50 am
Copy link
@jacquiwithaq

Sure, what is your blog name please? And have you checked Add Social Media Buttons to Your Sidebar or Footer support document?

Never mind those Cloudup links. The content is blog specific and hence you won’t be able to use them anyway.
janellepatrick · Member · Mar 14, 2015 at 7:40 pm
Copy link
Hi all! I’m having the same issue as the site that created this forum (https://hauteculturefashion.wordpress.com/), and am hoping to achieve the same look they did with the Sela social media links on the sidebar instead of the footer.

I tried using the ‘add social media buttons to your sidebar’ article that chaitanyamsv mentioned, but I couldn’t find a way to use the same icons that Sela provides (I’d like to keep the pink colored icons so that the page looks cohesive).

Here’s the site it’s for: https://janellepatrick.wordpress.com/

I already have the social links menu set-up with all the links leading to my profiles, and am just hoping to move that menu to the sidebar.

Any help is much appreciated. Thanks!
staff-happychia · Staff · Mar 15, 2015 at 10:00 am
Copy link
@janellepatrick

Could you add the html you find in https://cloudup.com/ckqIVC4_U09 and add it to a sidebar text widget?

It is the same html that is building the social icons in your footer. So adding this html to a text widget should display the same icons in your sidebar.

Give it a try and let me know how it goes.
katuncommongrad · Member · Mar 21, 2015 at 7:36 pm
Copy link
staff-happychia

Hello, I’m working on adding my footer icons to sidebar as well and have found this exchange really helpful! However, I’m having some difficulty.

My website is http://www.uncommongrad.com (a wordpress.org site using the Sela theme)

I’d like to have the footer social menu as it is (orange social icon logos with white circle outsides) and have the social menu in the sidebar be the opposite (orange circles with white logos). Does that make sense? Is this possible? I’d also like it to be only the icons (no text underneath). Can anyone help me with the html or guide me in the right direction?

Thanks!
jehcchung · Member · Apr 4, 2015 at 2:32 am
Copy link
staff-happychia

I would also like to get my social bar which is currently in the footer onto my main sidebar. Could you please help me out?

The link to my site is http://www.liveandwalkgood.com/
staff-happychia · Staff · Apr 4, 2015 at 7:22 pm
Copy link
@jehcchung

Please add the html in this link: https://cloudup.com/cHy0X5dxt46 to a text widget in the sidebar :-)

Also, please post your future questions to the WordPress.org forums: https://wordpress.org/support/

This forum is only for WordPress.com users. In case you wonder, please check the difference between WordPress.com and WordPress.org.

No items found.