title: adding the "/" character in my footer links wordpress
body: <p>I need some help. I am stuck with adding the "/" in the footer links of my wordpress secondary link menu. I want to add "/" between the navigation of my <code>&lt;div id="footer-right"&gt;</code>. I am using wordpress.</p>
  
  <p>here is my code in footer :</p>
  
  <pre><code>&lt;div class="footer"&gt;
          &lt;section id="footer"&gt;
              &lt;div id="footer-left"&gt;
              &lt;ul id="copyright"&gt;
                  &lt;br&gt;
                  &lt;li&gt;Copyright &amp;copy; JCJOHN. &lt;/li&gt;
                  &lt;li&gt;Designed by: &lt;a href=""&gt;JC&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;/div&gt;
  
              &lt;div id="footer-right"&gt;
              &lt;br&gt;
              &lt;?php wp_nav_menu(array('theme_location' =&gt; 'secondary')); ?&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>here is my css : </p>
  
  <pre><code>#footer-left {
       float:left;
  }
  #footer-right {
       float:right;
       margin-right: 18px;
  }
  #footer-left,#footer-right li {
      clear:both;
  }
  #footer-right ul {
      list-style-type: none;
      margin: 8px 5px;
  
  }
  #footer-right li {
      display: inline;
      margin: 5px;
  }
  #footer-right ul.sf-menu li:after {
      content: "/" !important;
      float: right;
  }
  </code></pre>
  
  <p>when I added <code>#footer-right ul.sf-menu li:after</code> in my css, it also outputting into nothhing. please help.</p>