Archived topic
Move location of the ">" Next Post on post
3 replies · Started by Jesus Higuerey on August 24, 2018
Viewing posts 1–4 of 4
Hi,
So it throws me off how the ">" is before the text. This is what I mean http://prntscr.com/kmmwbl
I just want it to be like " Next Post > "
PD: I am using a custom css I found on the forum with some tweaks I added
.nav-previous {
float: left;
max-width: 50%;
border: 1px solid #aeaeae23;
border-radius: 5px;
padding: 5px 7px 5px 0.25px;
background-color: #f43737;
color: #fff
}
.nav-next {
float: right;
max-width: 50%;
border: 1px solid #aeaeae23;
border-radius: 5px;
padding: 5px 7px 5px 0.25px;
background-color: #f43737;
color: #fff;
}
.nav-next a {
color: #ffff;
}
.nav-previous a {
color: #ffff
}
.entry-meta a:hover {
color: #ffff
}Thanks.
Hi there,
you can try removing the :before pseudo element and add an :after element like so:
.nav-next .next:after {
content: "\f105";
}
.nav-next .next:before {
content: "";
}Thanks David, it works just fine.
You're welcome
This archived topic is closed to new replies.
