1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 Separate links with |

Discussion in 'Styling and Customization Questions' started by tommydamic68, Mar 21, 2014.

  1. tommydamic68

    tommydamic68 Well-Known Member

    Anyone have thoughts on how to seperate my footer links with this? |
    It's not just sitting that separator in- there must be more to it, it sits above text when dropped in between the links.

    Like: Contact Us | Help | Home | Terms and Rules | Privacy Policy | Top

  2. Valhalla

    Valhalla Well-Known Member

    How would (should) they behave at different screen sizes, assuming your style is responsive?
  3. Jeremy

    Jeremy Well-Known Member

    .footerLinks li a:before {
      content: " | ";
    .footerLinks li:nth-child(1) a:before {
    content: "";
    Should work.
    Last edited: Mar 23, 2014
  4. Valhalla

    Valhalla Well-Known Member

    The dividers sat above the text when I tried that.
  5. Jeremy

    Jeremy Well-Known Member

    Try the amended version.

Share This Page