Topic-icon Like Buttons on top of the article

Active Subscriptions:

None
13 years 6 months ago #27919 by renasrenas
Hi,

Could you please help changing position of buttos to the top right of the article.

iokistest.cloudaccess.net/

File Attachment:


Tks,

Renas
The topic has been locked.
Support Specialist
13 years 6 months ago #27932 by alzander
In the Social Configuration area of JFBConnect, in the Content Plugin - Like tab, you can set whether the buttons show at the top or the bottom of the article. From there, you'd need to use CSS on the .scsocialbuttons class if you want to position the buttons differently.

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

None
13 years 6 months ago #27947 by renasrenas
Hi alzander,

I have tried this. When i chage the code to absolute position and float left it works good in chrome but not in IE.
I am not a css guy. If you can give me a help i really aprecciate.

Reagrds,

Renas
The topic has been locked.
Support Specialist
13 years 6 months ago #27988 by alzander
Renas,
I'm not a CSS guy either. That's why we don't make templates :)

I honestly don't have a Windows computer in front of me right now, it's the weekend, so I'm on my Mac exclusively. A few possibilities to look into:
* In the /components/com_jfbconnect/assets/jfbconnect.css file, remove the "width:100%" from the scsocialbuttons class. That may be why IE is having issues.
* Try using "float:right" instead of the absolute positioning.

I'm not sure if that will fix everything you're looking for, but worth a shot. The absolute tag can be very picky in many browsers, and I simply don't know the best way to fix that in a widely compatible way.

Hope that helps you make some progress,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 6 months ago #28007 by renasrenas
Hi Alzander,

I do think that the absolute and the float in IE don't work together very well.
The problems is that i need the buttons at the top. Even with default install the buttons appear aligned on vertical in IE. Buto not in Chrome.

Regards,

renas
The topic has been locked.
Support Specialist
13 years 6 months ago #28094 by alzander
Renas,
I'm not sure of the best way to change that either. You'd need to use CSS to float the other header elements left, and then float our social buttons left as well. However, you'd need to group the other header items together so that they stay together with their current vertical layout. That would require a template override as best as I could tell, but again, CSS isn't really my expertise. I think you'll need to contact your template provider or other developer that can help with the CSS changes you need.

Hope that helps, and sorry I can't help you more,
Alex
The topic has been locked.