WordPress.org

Ready to get started?Download WordPress

Forums

Transposh WordPress Translation
[resolved] Horizontal flags for widget? (14 posts)

  1. 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/

  2. Ofer Wald
    Member
    Plugin Author

    Posted 1 year ago #

    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!

  3. 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

  4. Ofer Wald
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  5. Laymans terms would be the actual css code.

    I know where to put it, I just don't know what to put.

  6. Ofer Wald
    Member
    Plugin Author

    Posted 1 year ago #

    In the .trf css class change:

    display: inline-block;

    to

    display: block;
  7. Thanks. I'll give it a shot when I get home.

    Cheers

  8. 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?

  9. Ofer Wald
    Member
    Plugin Author

    Posted 1 year ago #

    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?

  10. 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.

  11. Here's an image of what I'm after...
    Flags
    Thanks again..
    Doug

  12. Ofer Wald
    Member
    Plugin Author

    Posted 1 year ago #

    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

  13. Hi thank you...

    To see the site you have to log in...

    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.

  14. Ofer Wald
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    In your style.css you have a #nav a with display: block that is causing this hassle

    Good luck

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags