We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. woony
  2. General Discussion
  3. Tuesday, 22 July 2014
  4.  Subscribe via email
I have a site with Purity III and T3. I own licence to Joomlart, so i have downloaded the JA Login module as i want to have a Login and Register drop down like here on t3-framework.org site.

I have added this to header.php
<?php if ($this->countModules('ja-login')) : ?>

<!-- HEAD LOGIN -->
<div class="head-login<?php $this->_c('head-login')?>">
<jdoc:include type="modules" name="<?php $this->_p('ja-login') ?>" style="raw" />
</div>
<!-- //HEAD LOGIN -->
<?php endif ?>


but not sure how to get the JA Login module that i have published to the ja-login module position to look like it does on this site.

I saw on joomlart forum that this was css to use
.head-login {
height: 50px;
line-height: 50px;
padding-left: 10px;
position: absolute;
top: 0;
right: 60px;
}
.head-login a {
color: #bbe6ff
}
.head-login a:hover,
.head-login a:focus,
.head-login a:active {
color: #fff
text-decoration: none;
}
.head-login a.show {
color: #fff
}
.head-login .ja-login .login-greeting {
color: #07b
display: inline-block;
padding-right: 10px;
}
.head-login .ja-login .logout-button {
display: inline-block;
color: #999
}
.head-login .ja-login .logout-button input {
background: transparent;
border: 0;
color: #999
margin: 0;
padding: 0;
}
.head-login .ja-login .logout-button:hover {
color: #fff
}
.head-login .ja-login .logout-button:hover input {
color: #fff
}
.head-login ul.ja-login li #ja-user-login,
.head-login ul.ja-login li #ja-user-register {
border: 1px solid #999
right: 0;
left: auto;
top: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.head-login ul.ja-login li #ja-user-login .arrow,
.head-login ul.ja-login li #ja-user-register .arrow {
background: url(../images/arrow-top.gif) no-repeat left top;
display: block;
height: 7px;
position: absolute;
top: -7px;
right: 10px;
width: 13px;
}
.head-login ul.ja-login li #ja-user-login form,
.head-login ul.ja-login li #ja-user-register form {
margin-bottom: 0;
}
.head-login ul.ja-login li #ja-user-login label,
.head-login ul.ja-login li #ja-user-register label {
color: #666
}
.head-login ul.ja-login li #ja-user-login .btn,
.head-login ul.ja-login li #ja-user-register .btn {
margin-top: 0;
padding: 8px 20px;
}


but it doesnt look like it does on this site. any ideas

Also, not sure how to get my main menu to have same font as on this site
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Wooney,

For this, please refer to the discussion: http://t3-framework.org/discussions/megamenu-like-yours.html#reply-2703
It could help you, for the CSS customization, it's depend on your site so I can not give out the suggestion. If you want to get more support, you can pm me your site url, admin account, I will have closer check and help you.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.