widget css styling issue

[antonella 1]

Hello, I have some language buttons set up in the universal sidebar in the header area (top-right). I want to reduce the margin-bottom underneath the languages so that it tucks closer above the search box. (This is the site: http://www.sonsofpoland.org/site/about/) I've identified via firebug that the I need to change the margin-bottom set on the widgets class. However, I only want to change it for the widgets under the ID of icl_lang_sel_widget. I've tried variations on the css styling to use, but nothing seems to work (except if I due .widgets alone - but I don't want that). This is the section code identified: I've tried the following: #icl_lang_sel_widget .widget { #icl_lang_sel_widget widget { #icl_lang_sel_widget icl_languages_selector .widget { #icl_lang_sel_widget icl_languages_selector widget { Anyone have a clue? Thanks, Antonella

[Rob 547]

Antonella, look in the plugin and in it's directory, there should be a style.css file. That's where you'll find the padding for the plugin. It won't be in PlatformPro.

[antonella 1]

When I use firebug, the file I'm sent to is the style.css in the platformpro folder. I've looked in the plugin folder style sheets and they don't have a widget style alone. Is there anyway in the custom css to introduce an identifier as I have above? Thanks.

[Kate 3]

Hello, You can add this code to your custom CSS:

#icl_lang_sel_widget{margin-bottom:0px;}

[antonella 1]

Hah, that did it! Thanks!