Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 16, 2023 at 10:34 pm #1401455
    Sandy

    On a blog page, the blog posts are set to display Pagination. The default pagination text (e.g., Page 1 of 5, and the page numbers in circles (1, 2, 3, 4, 5)) are small. How can we change the pagination font size to 1.5em for desktop and 2em on mobile?

    March 17, 2023 at 4:19 am #1401473
    Nikko

    Hi Tanja,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    .pagination span, 
.pagination a, 
.pagination .current {
    font-size: 1.5em;
}

#top .pagination .current, 
#top .pagination a, 
#top .fullsize .template-blog .pagination a {
    height: 45px;
    width: 45px;
    line-height: 45px;
}

@media only screen and (max-width:767px) {
    #top .pagination {
        overflow: visible;
        padding-bottom: 60px;
    }

    #top .pagination-meta {
        position: absolute;
        bottom: 2px;
        right: 0;
    }

    .pagination span, 
    .pagination a, 
    .pagination .current {
        font-size: 1.5em;
    }

    #top .pagination .current, 
    #top .pagination a, 
    #top .fullsize .template-blog .pagination a {
        height: 50px;
        width: 50px;
        line-height: 50px;
        float: none;
        display: inline-block;
    }
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.