Recent Divi updates have made the read more and pagination links wrap onto two lines. To fix this find this section of CSS in the stylesheet:
/*Style the read more links*/ .ds-blog .et_pb_post a.more-link, .archive #left-area a.more-link, .search #left-area a.more-link, .pagination a { font-size: 16px; background: #000000; color: #cad0d9; border-width: 1px !important; border-color: #000000; border-radius: 0px; padding: 0.3em 1em; font-weight: normal; font-style: normal; text-transform: uppercase; text-align: center !important; letter-spacing: 5px; display: table-cell; -webkit-transition: all 0.3s; transition: all 0.3s; }
And change it to this:
/*Style the read more links*/ .ds-blog .et_pb_post a.more-link, .archive #left-area a.more-link, .search #left-area a.more-link, .pagination a { font-size: 16px; background: #000000; color: #cad0d9; border-width: 1px !important; border-color: #000000; border-radius: 0px; padding: 0.3em 1em; font-weight: normal; font-style: normal; text-transform: uppercase; text-align: center !important; letter-spacing: 5px; display: block; /*Updated 20/02/18*/ min-width: 200px; /*Added 20/02/18*/ max-width: 200px; /*Added 20/02/18*/ -webkit-transition: all 0.3s; transition: all 0.3s; }
And then directly below this, add the following:
/*Added 20/02/18*/ .pagination a { max-width: 300px; }
Applies to Bliss V1.1 and has been fixed in V1.2.