I created a content type named 'Book page with Gallery'.
It has a standard 'Body' field and a 'Gallery' field which type is Image (Allowed number of values: unlimited).
And by default, I get this:
enter image description here I tried to add some CSS to have the pictures "floating left" (field__item being the class of the div containing the picture):

.field__item {
  float: left;
  margin: 0 10px 5px 0;

And it works!
But it works too well
enter image description here As you can see, the Book navigation items float too :-(
How can I do this?
Thanks in advance


Finally, I made it work.
With the help of someone who put me in the good direction (his comment has been removed, Why?)

.field__item:last-child { float: none; !important; }
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.