Footer link seperation | WordPress.org

Resolved 1mk
(@1mk)

10 years, 10 months ago

Hi!

I’m just curious how I can make the links in my footer look like this with the vertical bar between them:

Home | About Us | Contact Us ….etc..

Right now it looks like this because I couldn’t figure out how to do the above:

|Home| |About Us| |Contact Us|

Thanks in advance,

MK

Viewing 4 replies - 1 through 4 (of 4 total)

Ben Ritner – Kadence WP
(@britner)

10 years, 10 months ago
You can use css like this:
```
.footernav ul li {
    border-right: 1px solid #999;
}
.footernav ul li:last-child {
    border-right: 0;
}
```
Kadence Themes
Thread Starter 1mk
(@1mk)

10 years, 10 months ago

Thanks!

Is there a way to make the vertical bars not be as long as they are?
hannah
(@hannahritner)

10 years, 10 months ago
Hey,
Try adding this:
```
.footernav ul li {
  line-height: 14px;
}
```
Hannah
Thread Starter 1mk
(@1mk)

10 years, 10 months ago

Hannah, you’re awesome!

That’s exactly what I wanted!!!

Thanks so much!

MK

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Footer link seperation’ is closed to new replies.

Tags

4 replies
3 participants
Last reply from: 1mk
Last activity: 10 years, 10 months ago
Status: resolved