-
Hello,
I feel a bit stupid on that one, but look what I have on my JA Mero website I am developing :
Actually, I have published a “login” form (with access set to “registered”) on LanguageSwitcher position.
Fine.The only thing is that the “disconnect” button is not aligned to the right, which is what I want.
I first tried to play with the “span8 – span4” in header.php to set it to “span10 – span2” for example, but this break the layout in responsive format.
Then I went into the code : actually, the class of the languageswitcher position already has a “float: right;” :
<div class="span4 pull-right">
<form action="/professionnels/bienvenue" method="post" id="login-form" class="form-vertical">
<div class="logout-button">
<input type="submit" name="Submit" class="btn btn-primary" value="Déconnexion">
<input type="hidden" name="option" value="com_users">
<input type="hidden" name="task" value="user.logout">
<input type="hidden" name="return" value="xxxx=">
<input type="hidden" name="xxxx" value="1"> </div>
</form></div>
Then I went further and saw that editing the code from the console (F12) to add a “float:right” to the *form* element would do the trick ! But too bad, then all the forms on my site are right-aligned 🙁
form {
margin: 0 0 20px;
float: right;
}So my final question is : how do I right-align this form (button) but only for that module (published in LanguageSwitcher position) ?
Txs,
Marc
the css you try to make is wrong ) and yet still i do not understand completely what you mean. Ok PM me with FTP credentials and also report public in this thread with deeper explanation with links and printscreens and show me what button where is displayed wrong and where you want it to be situated so i need smth like this:
Example:
http://lejourlepluscourt.be/participer/votre-compte/connectez-vousIF you post me like this i will be able to make it work for you.
That works great !
Before (with the code as shown on previous msgs on this thread) :
After
Still, I was trying to figure out how you did (so that I have learned something, but also so that others reading us can learn something 🙂
I have seen you have added the following in /templates/ja_mero/css/custom.css
.wingly .logout-button {
margin: 0 0 20px;
float: right;
}and the following in /templates/ja_mero/tpls/blocks/header.php
<!-- LANGUAGE SWITCHER -->
<div class="wingly span4 pull-right">
<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />
</div>
Was it indeed all you changed ?
Thanks a lot really, Wingly !
I’ll remember that technique for other types of uses 😉Yours,
Marc
Thinking twice about it, maybe we could even improve your solution.
Instead of editing header.php, which would break the customization in case of update of the template, why not simply leave header.php alone and add the wingly in the “css class suffix” of the module itself.
A second advantage is that I can then use this class for any other module in any other position.
Am I right ?
how to put a "logout" button to the RIGHT of the LanguageSwitcher position
Forums Joomla Templates Club JA Mero how to put a "logout" button to the RIGHT of the LanguageSwitcher position
Viewing 13 posts - 1 through 13 (of 13 total)
