[Resolved] Display a widget inline instead of one beneath another one

[Irene]

hi,
I’ve got the Polylang Plugin to have a multilingual website and I can’t display the languages one next to another, instead one below another, in the header.

I’ve tried this CSS style, but it doesn’t change anything (the one recommended by the author of the plugin)
.widget {
margin: 0 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display:inline;
border: none

Can you please help?
thanks

[Leo]

Hi there,

Try this:

.widget ul li {
    display: inline-block;
}

[Irene]

Thanks.
Is it possible to have a bit more space between the two item, they are a bit close together.
Thanks for your help!

[Leo]

Did you add the right border on the FR option?

It’s sticking with that element and if I add border, the space on either side of that border wouldn’t be the same.

[Irene]

Sorry, I removed it, now.
thanks

[Leo]

This CSS should work now:

.lang-item-first {
    padding-right: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Author]

Posts