Adapt FLEXIcontent to helix 3

  • Published by
    Yannick Berges
  • Last modified
    28 November 2017
  • Up to date
    Yes
  • Profile concerned
    Webdesigner
  • Concerns
    Template
  • Since Version
    3.X
  • Voting
    Average rating
    2 votes
    • 1
    • 2
    • 3
    • 4
    • 5
  • Favourites
    638 Adapt FLEXIcontent to helix 3 /documentation/tutorials-english/69-templating-module-plugin-content/638-adapt-flexicontent-to-helix-3.html

With Helix 3 template you need to add some css code to be more compatible

1 Create flexicontent.css file in templates\shaper_helix3\css
2 Add this line

/*** compatibility helix3 ***/
*[data-toggle='tooltip'] {
display: inline-block !important;
}
*[data-toggle='hasTooltip'] {
display: inline-block !important;
}
.hasTooltip{
display: inline-block !important;
}
.add-on {
height: 26px !important;
}
.flexicontent .label, .flexicontent .badge, .flexicontent span.label, .flexicontent label.label {
display: inline-block !important;
}
.alert.alert-message {
background: rgba(219, 75, 166, 0.32);
}
body .btn-group.group-fcinfo .btn, body .btn-group.group-fcprimary .btn, body .btn-group.group-fcinfo .btn, body .btn-group.group-fcwarning .btn, body .btn-group.group-fcmethod .btn {
min-width: inherit !important;
}

body .select2-container-multi .select2-choices {
border: 0px solid #aaa;
background-color: inherit !important;
background-image: inherit !important;
background: inherit !important;
}

If you have more code to add a comment