Social Widget: Meetup.com

Posted in: Newspaper
Post count: 12

Hi,

I’m not sure if it’s possible to have a link to my Meetup.com profile into the Top Right (social) widget? Or perhaps a way to create a custom button there & put my own image in?

Thank you

Post count: 6600

Hi,

You can do this by adding 'meetup' => 'Meetup', like this: http://screencast.com/t/NGLCqUJdr7
After you will need to add an icon to it, you can do this via css, like this: http://screencast.com/t/8L107B6yzL
Add this custom css in theme panel > custom css:

.td-s-s-16-meetup {
background-image: url('http://www.uperhosting.com/images/icons/social/16px/meetup.png') !important;
}

Thanks

Post count: 12

Hi Lucian,

Thanks for the help!

I got the button to show there and it points to the right place but it isn’t pulling the icon image through?

My site is: http://www.totsintow.co.za

Code I added into custom CSS:

.td-s-s-16-meetup {
background-image: url
(‘http://www.totsintow.co.za/wp-content/themes/Newspaper/images//meetup_logo_200_black_1.png’) !important;
}

I have tried to resize the image (have tried it both square & original size), changed it from .gif to .png & moved it to other locations. Can’t get it to pull the image through and not sure what I’m doing wrong. Any thoughts?

Thanks again.

Stephanie

Post count: 9544

you have two / in the URL, which might be the problem ?

Newspaper/images//meetup_logo_200_black_1.png’

Post count: 12

Hi Christopher,

Thanks for pointing out the typo. I’ve removed it and still no luck though 🙁

Anything else I can try?

Thanks,

Stephanie

Post count: 6600

Hi,

This is because you are using the wrong class to call the image, and this depends of the icons sizes so you will have to use this css to change the icon: http://screencast.com/t/oDiJkVTW
Make sure you use a 32x32 px icon.

.td-s-s-32-meetup {
background-image: url('http://www.forheavensake.com/wp-content/uploads/2013/03/meetup-icon.jpg');
}

Thanks

Post count: 12

I EVENTUALLY got it to work – I’m very happy now.

Thanks so much for all the help guys! I’m sure I’ll have more questions soon 🙂

Have a great week!

Post count: 12

Hi,

I spoke too soon. It is only half working. It is showing up on the home page perfectly, however, the logo isn’t showing up on any of the other pages even though if you hover over the spot where it should be you can still pick up the link? I have checked the widget and all my pages are supposed to have the same menu’s everywhere so not sure why the fb & twitter still work but not the meetup logo? Is it perhaps where I am saving the file?

This is the CSS I added.

.td-s-s-32-meetup {
background-image: url(‘wp-content/themes/Newspaper/images/meetup-logo-32-grey.png’) ;
}

Thanks

Post count: 6600

Hi,

Please use this path for the background-image, and add the css like this:

.td-s-s-32-meetup {
background-image: url('http://www.totsintow.co.za/wp-content/themes/Newspaper/images/meetup-logo-32-grey.png') !important;
}

Should work fine now: http://screencast.com/t/7leBJKfn
Thanks

Post count: 12

Thanks a lot. It’s all sorted now.

Really appreciate your patience in helping me get this right.

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.