Hi
I have a page for received awards. I have created it using Visual Composer and four columns filled with raw html. I would like to display four badges next to each other, in chronologically order.
When I place the four badges chronologically they end up under each other, and not next to each other. http://test.ladiesabroad.se/utmarkelser/
When I change the order to not-chronologically, I get all four on the same line. http://www.ladiesabroad.se/utmarkelser.html
What can be done to get them on the same line and chronologically? I cannot use the grid with pictures instead because the grid cuts/moderates all pictures to squares.
Thanks.
Hello,
The order of the images does not mattr. Your first example on 2 lines gets an extra clear after one element. You can use this code to disable the clear and have them on the same line:
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after, .vc_clearfix:after, .vc_column-inner::after, .vc_el-clearfix, .vc_row:after {
clear:initial;
}
Thank you!
