Divi

How to Change DIVI’s default pagination text?

By July 25, 2020 No Comments

You may want to change the default pagination text provided by DIVI – Older entries to something else. Following CSS will help you achieve just that.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.pagination .alignleft a {
    color: rgba(255,255,255,0);
    position: relative;
}

.pagination .alignleft a:after {
    content: "« More Awesome Content...";
    position: absolute;
    text-align: left;
    width: 200px;
    left: 0;
    color: #22BBF7;
    font-size: 14px;
}

.pagination .alignright a {
    color: rgba(255,255,255,0);
    position: relative;
}

.pagination .alignright a:after {
    content: "More Awesome Content... »";
    position: absolute;
    text-align: right;
    width: 200px;
    right: 0;
   color: #22BBF7;
    font-size: 14px;
}