Title: Horizontal flags for widget?
Last modified: August 20, 2016

---

# Horizontal flags for widget?

 *  Resolved [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/)
 * I’m trying to figure out how to place the flags in a horizontal position in a
   widget. I searched google and found something from 2010 that says something about
   the widget being ‘pluggable’ but I have ho idea what that means.
 * How can I display the flags in a horizontal view instead of a list view?
 * Thanks for the help and a great plugin.
 * D
 * [http://wordpress.org/extend/plugins/transposh-translation-filter-for-wordpress/](http://wordpress.org/extend/plugins/transposh-translation-filter-for-wordpress/)

Viewing 13 replies - 1 through 13 (of 13 total)

 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479146)
 * Hi,
 * Change the css to make sure the images block, probably with the clear property
 * See the instructions for writing a widget on the trac.transposh.org site so your
   changes won’t be overwritten by coming versions
 * Good luck!
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479211)
 * Thsnk you for the reply. Can you please put this in laymans terms?
 * I’m using the suffusion theme and there is a place for custom includes to override
   css. Can you give me the css I would need to do that?
 * Thank you
    Doug
 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479326)
 * Hi,
 * I am not sure I am really able to put this in layman terms,
 * You need to change the .css file, this is something that should be straight forward
   to anybody familiar with .css, other options just include printing 
    after each
   flag, this is something you need to do
 * Regarding writing the plugin, there are instructions on the site on how to do
   this, the layman terms would be – just copy the widget you like, rename the directory
   a bit and make your changes there.
 * I hope I helped.
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479331)
 * Laymans terms would be the actual css code.
 * I know where to put it, I just don’t know what to put.
 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479332)
 * In the .trf css class change:
 *     ```
       display: inline-block;
       ```
   
 * to
 *     ```
       display: block;
       ```
   
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479335)
 * Thanks. I’ll give it a shot when I get home.
 * Cheers
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479336)
 * Hi again…
 * I’m assuming you mean change this…
 *     ```
       .trf {
           background-image:url(flags66b.png);
           height:11px;
           width:16px;
           background-repeat:no-repeat;
           overflow:hidden;
           display:inline-block;
       }
       ```
   
 * located here
 * /plugins/transposh-translation-filter-for-wordpress/widgets/flags/tpw_flags_css.
   css
 * to this
 *     ```
       .trf {
           background-image:url(flags66b.png);
           height:11px;
           width:16px;
           background-repeat:no-repeat;
           overflow:hidden;
           display:block;
       }
       ```
   
 * I did that with no luck.
 * Am I changing the correct file? If not, where would I find the correct file?
 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479340)
 * I guess I might have not understood what your were trying to achieve,
 * Can you be as detailed as possible in what you want the final result to be?
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479341)
 * Thank you Ofer for your help…I do appreciate it.
 * If you look at my site…
 * nes.pila.pl I’m using the Suffusion theme and in the header widget area there
   are the flags. They are stacked on top of each other. I would like the side by
   side.
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479342)
 * Here’s an image of what I’m after…
    [Flags](http://nes.pila.pl/wp-content/uploads/2013/02/New-NES.png)
   Thanks again.. Doug
 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479345)
 * Hi,
 * Thanks for the image, I now understand you 🙂 at first I understood the exact
   opposite (meaning that you wanted them on top of each other)
 * I can’t see your site, it suggests going to another site, please provide a valid
   url here and I will see what .css causes this issue, I guess that you have a 
   display: block somewhere where it should not be
 * KMP
 *  Thread Starter [Doug M](https://wordpress.org/support/users/nes-native-english-services/)
 * (@nes-native-english-services)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479346)
 * Hi thank you…
 * To see the site you have to log in…
 * [http://nes.pila.pl/wp-admin](http://nes.pila.pl/wp-admin)
    user name: suffusion
   password: abc123
 * After you login it will all be available. I need the redirect page there because
   the domain is active around the city.
 *  Plugin Author [oferwald](https://wordpress.org/support/users/oferwald/)
 * (@oferwald)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479349)
 * Hi,
 * In your style.css you have a #nav a with display: block that is causing this 
   hassle
 * Good luck

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Horizontal flags for widget?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/transposh-translation-filter-for-
   wordpress_495166.svg)
 * [Transposh WordPress Translation](https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/)
 * [Active Topics](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/transposh-translation-filter-for-wordpress/reviews/)

## Tags

 * [transposh](https://wordpress.org/support/topic-tag/transposh/)

 * 13 replies
 * 2 participants
 * Last reply from: [oferwald](https://wordpress.org/support/users/oferwald/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/horizontal-flags-for-widget/#post-3479349)
 * Status: resolved