1. justintime
  2. Commercial Templates
  3. Wednesday, 02 January 2013
  4.  Subscribe via email
Good afternoon,

I have just purchased the new J51 template "Clarity". I am testing Joomla 3 on my local test system (so cannot send a link).

I wish to change the font size and spacing between items in the HORNAV menu. Also, my HORNAV contains 10 items so extends under the LOGO position. In most templates I have used this would be quite straightforward but in Clarity I cannot find the CSS to change the font size, padding, vertical spacing, alignements, etc of the HORNAV contents. Also, I am unable to track down where I can change the sizing of the LOGO module to reflect the small size of my logo and to get the HORNAV out from below the LOGO.

I prefer to amend the template.css file rather than use custom code as historically I have found it more stable.

Any help and advice is gratefully received.

TM
Accepted Answer Pending Moderation
0
Votes
Undo
Hi TM

Menu items in your hornav menu is styled by the following CSS in your templates nexus.css which you can edit to your own taste (../templates/j51_clarity/css/nexus.css - LINE 224)..

[code type=css]#hornav ul a, #hornav .separator {
display: block;
font-size: 14px;
letter-spacing: 1.2px;
opacity: 0.9;
padding: 32px 12px;
text-decoration: none;
text-shadow: 1px 1px 0 #FFFFFF;
z-index: 1;
}[/code]

To change the width of your logo div add the following to the template parameters Custom CSS field..

[code type=css].logo_container, h1.logo, h1.logo a {width:200px}[/code]
Where 200px is the new width of your logo.

CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran

Thank you. Nexus.css was the only file I didn't look in! My apologies for troubling you on this.

Kind regards and Happy New Year
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!