Custom Navigation Code

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I'm using this code

div.ys_nav ul li a{
color:#EBE2B6;
font-size:13px;
font-family:verdana;
font-weight:bold;
text-align:center;

}

div.ys_nav ul li a:hover{
text-decoration:none;
font-weight:normal;
text-align:center;
color:#EBE2B6;
}

-->

to customize the style default navigation tab on this page http://www.leathersolutions.org/
I would like to center the text and have added this to the code, text-align: center; which doesn't work.

I'm certainly no expert and may have missed something out, any help would be appreciated
Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of Francois

Francois, Employee

  • 282 Posts
  • 19 Reply Likes
Official Response
Hi David,

I've just had a look at your CSS and the bit you need to change or include into your CSS in the first HTML widget at the bottom of your page is this:

<!--
div.sys_navigation {
margin:0 10px;
text-align:center;
}
-->

This centers the entire navigation as opposed to trying to center the UL or LI tags. I've tested it on my test site and I'm happy to confirm that it works.