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
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
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
Hi Christopher,
Thanks for pointing out the typo. I’ve removed it and still no luck though 🙁
Anything else I can try?
Thanks,
Stephanie
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
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!
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
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
Thanks a lot. It’s all sorted now.
Really appreciate your patience in helping me get this right.