Social Bar Icons &

[holcombpaul]

Hello,

My client wants me to change the social icons to the regualr Facebook and twitter icons – I can change the icon graphic, but need to make the top bar taller –  They also want me to “turn off” the “account” dropdown in the top bar and only have the social icons.

I’m not sure where in the CSS or settings to do this – can you point me in the right direction?

 

[Cosmin – SUPPORT]

Hi,

The account dropdown is a menu in appearance/menus.

For the height of the top bar, use this custom CSS in the theme options and adjust at will:

#top-bar-social { height: 50px; }

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[holcombpaul]

Thank you, but how do I remove the “account” dropdown?  It seems to be hard wired into the top bar menu.

http://nationaltaxcredit.com/

[holcombpaul]

Also in addition to removing the dropdown – could you please tell me how do I get rid of the fade effect and have the images at 100%

Thank you for your help

[Cosmin – SUPPORT]

Hi,

1) My account: Flexform options / Header options : http://cl.ly/image/3l2722401l3K

2) Depends where… client logos? Those are at a fixed width, I’d suggest using a simple text block instead (this will also get rid of the fade hover effect on them).

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[holcombpaul]

No,

For the social icons – how do I remove the fade effect on the social icons –

AND is it possible to remove the “Account” dropdown on the bar?  If so how?

[Swift Ideas – Ed]

To remove the hover fade, add the following to Flexform Options > General Options > Custom CSS:

#top-bar-social ul.social-icons:hover li {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity= 100);
}

See Cosmin’s reply above, regarding how to remove the account dropdown. There is the on/off switch for it.

– Ed

[holcombpaul]

Thank you and sorry I missed that before about the account options.

The icons are still transparent in the default state – how do I make the default state 100% instead of faded – I guess that’s really what I was asking, sorry for not being clear.

[Cosmin – SUPPORT]

Try replacing Ed’s code above, with this:

#top-bar-social ul.social-icons li, #top-bar-social ul.social-icons:hover li {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity= 100);
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant