Topic-icon Using tags to insert into CSS

Active Subscriptions:

None
11 years 11 months ago #21930 by trident50
Hey Everyone,

I'm using the tags - {JLinkedShare}{SCTwitterShare}{SCGooglePlusOne} - to insert the buttons in section of my css code. And they work fine - except the display vertically
JJLINKEDSHARE
SCTTwitterShare
SCGooglePlusONE

and I want them to display horizontally - like at the top of this page:
www.sourcecoast.com/jlinked/docs/configu...de?showall=&start=12

Is there one tag that will do that or can someone explain to me how to do that - so the buttons go right to left and not up and down? Oh - and I'd also like to remove
, on the Facebook button, where it says the last person to "like it" - if that's possible?

Thanks!
Rob
The topic has been locked.
Support Specialist
11 years 11 months ago #21932 by alzander
Rob,
If you add the following CSS to your template, it will make all the items show horizontally, like you're looking for:
.jlinkedShare, .sc_twittershare, .sc_gplusone, .jfbclike { float: left; }
You won't be able to change the text of the JFBCLike button. However, you can change the 'style' of the Like button from standard to box_count or button_count, which don't have the text at all or the image.

Hope that helps, but if you have any questions, just let us know!
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #21956 by trident50
Hi Alex,

I'm sure it would help - but I'm a complete css neophyte - actually, complete coding beginner...my background is 20 years in infrastructure architecture - which I think makes this type of work harder ;)

So - I pasted that line into my "template.css" - just put it anywhere?.....then I published the jlinked module with all 4 things set to "show" and they appeared two on top and two on the bottom.

Do I need to put anything in front of or behind that code? Can it go anywhere within the template or does it have to go where I'm placing the module?

Thanks!
Rob
The topic has been locked.
Support Specialist
11 years 11 months ago #22089 by alzander
Rob,
Sorry I missed getting back to this message sooner. Didn't mean to forget about you.

No problem about being a beginner. We're here to help... it's our job to simplify things!

Yes, you should be able to put that code anywhere in the template.css file. Ordering does matter in the CSS file, but you wouldn't have any other references to those tags (.jlinkedShare, etc), so those will be the 'first' commands for those tags wherever you put them. Hope that makes sense...

If they were showing on two lines, that's likely an indicator that the column you're trying to put all 4 into is simply too narrow to handle all 4... so, the browser is wrapping the contents to two lines. That can be fixed in a few ways. To not make you do too much investigation, or basically, break your brain :) , can you post a URL of where the share buttons are and we can hopefully provide some specific CSS for your site to fix it.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #22156 by trident50
Hi Alex,

Not a problem - you guys have great support.....and I appreciate it!

That makes sense.....and you'll see why when you check out the page -

www.healthtechlink.com

Thanks again!
Rob
The topic has been locked.