Recent
Categories
View Replies (2)

J51 Clarity CSS - SOLVED

0
Votes
Undo
  1. justintime
    justintime
  3. Commercial Templates
  4. Wednesday, 02 January 2013
  5.  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
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
justintime
justintime
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!