Horizontal flags for widget?

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!

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

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.

Laymans terms would be the actual css code.

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

In the .trf css class change:

display: inline-block;

to

display: block;

Thanks. I’ll give it a shot when I get home.

Cheers

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?

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?

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.

Here’s an image of what I’m after…
Flags
Thanks again..
Doug

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

Hi thank you…

To see the site you have to log in…

https://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.

Hi,

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

Good luck