Archived topic
Display a widget inline instead of one beneath another one
5 replies · Started by Irene on November 16, 2017
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
Hi there,
Try this:
.widget ul li {
display: inline-block;
}Thanks.
Is it possible to have a bit more space between the two item, they are a bit close together.
Thanks for your help!
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.
Sorry, I removed it, now.
thanks
This CSS should work now:
.lang-item-first {
padding-right: 10px;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
