ludo974
Hi,
I changed the markup of this custom module a bit. This is old markup: <div class="bouton"><input type="button" value="GROUPE DE TRAVAIL" /></div>
I changed it to:
<a class="btn btn-lg btn-primary" href="#">GROUPE DE TRAVAIL</a>
In the 'Module class suffix' setting in Advanced tab of module, you should not add this in class suffix:
.bouton{
float: left; /* la valeur"left" pour placer le bouton à gauche,
"right" pour le placer à droite et "center" pour le centrer*/
}
you should add 'bouton' class only, then declare the rule for this class via 'custom.css' file. I changed it also with this custom CSS code:
.custom.bouton .btn.btn-primary {
background-color: #009fbf !important;
border-color: #009fbf !important;
width: 100%;
}
I also customize the mainnav block on your site: templates/ja_healthcare/tpls/blocks/mainnav.php
by loading a new position called 'head-button' and assign above custom module to this position.
<?php if ($this->countModules('head-button')) : ?>
<!-- NAV SEARCH -->
<div class="col-md-3 <?php $this->_c('head-button') ?>">
<jdoc:include type="modules" name="<?php $this->_p('head-button') ?>" style="raw" />
</div>
<!-- //NAV SEARCH -->
<?php endif ?>
You can see it looks fine now.
