[SOLVED] Next / Previous item buttons (fcpagenav field) should appear in separate line

Hello,
As it is too difficult for me to explain this in english, let me show you :



As you can see, the css say clear: both !important;
But the fcpagenav buttons refuse to go to the next line: they stick there, no matter what I try with the css.
So maybe I should add a <div class="fcclear"></div> in one php file, but i don't know in which file, and in between wich lines.

And yes, I did modify the css of the toolbar (through my custom.css). All I did is this:
.flexitoolbar {
background-color: transparent !important; background-image: none !important;
border-bottom: none !important;
border-top: none !important;
margin: 0 0 !important;
}
... so i don't think it is what is causing this display issue.

Oh and, by the ay, I have exactly the same problem with the field_image_fancybox : it should go to the next line, but stick to the field_tags.

You can visit this page here : www.rouchenergies.fr/qui-sommes-nous/pre...de-l-entreprise.html

I use Joomla! 3.5.1. FC 3.0.014-rc2a.

Thanks for any help,
Flo

Hello

it happens because of 2 things
- it behaves like any other field using only the space that it needs
- also in FC templating the default placement of fields is to FLOAT them and NOT to clear them

thus you see the result ...

solution is to add it 100% width:

(never edit core CSS file, **unless asked**, add your CSS to custom files)
Test this, edit file:
plugins/flexicontent_fields/fcpagenav/fcpagenav/fcpagenav.css

find rule: .fcpagenav.btn-group {

change it like this:
.fcpagenav.btn-group {
box-sizing: border-box !important;
margin: 32px 2%;
width: 96%;
}

- also we need some margins top / bottom margins by default (although people that have added margins already to outer container maybe a little unhappy with this so, i suggest above 32px instead of 48px which would be optimal)

[EDIT]
i will include this change us our default rule that is why i asked you to change a core file

GREAT! THANKS!

Would you know the way to do the same with the field_image_fancybox?