Joomla Templates Club 406,261 posts

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#403548

Hi dieudonne,

I saw that you have reduced width of the iframe to hide the ‘Be the first to recommend it to friends’ text. Instead you can hide it using css property display:none for .connect_widget .connect_widget_text

1 user says Thank You to himangi for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#403557

Thank,

I tried but it doesn’t work.

I place this line on my template.css

.connect_widget .connect_widget_text {
display:none;
}

Nothing change…do you have a other idea ?

Update : ok it’s working fine with Firebug, but the question is where to place this css property ?
Maybe it isn’t possible…because this is loaded from Facebook’s website..?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#403604

Hi,

Try using display:none !important; so that this styling will be given priority of all.. You can place this styling in template.css, I think it should work.

I tried logging in your site admin but I guess you have changed the access details..

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#403915

Hello,

I put this line on the template.css, but it doesn’t work.

.connect_widget .connect_widget_text {
display:none !important;
}

And now, in Firebug, if I put this line : display: none; the text only appears…not the button. But I just want the button only.

I updated the ticket TRU-502-17727 with the right log & pass.
Thank in advance for your help.

Update : and I want to put the print icon and the mail icon on the left.
I tried several things, and I searched the forum, but I found nothing…do you have a idea to fix this ?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#403973

Hi

As you had said, since the styling for FB buttons is coming from other css, perhaps since the button is loaded from an iframe, the template.css styling isnt overriding it. So you will have to use the width restriction for button as you had done earlier.

I have added float:left property in ul.actions { margin: 0; float:left; } to place the print, pdf etc icons on the left of FB, twitter etc icons.

[Author]

Posts