Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 12, 2018 at 8:01 pm #1009065
    Moondreamer21

    I notice the text that labels the blog post pages is very small. I think this is called pagination?
    Is there some custom css I can use to increase the size of the page number and for example where it says “Page 1 of 22.”?
    One example I found here didn’t seem to work.
    Thanks!

    September 13, 2018 at 7:28 am #1009247
    Rikard

    Hey Moondreamer21,

    Could you post a link to an example on your actual site so that we can have a closer look please?

    Best regards,
    Rikard

    September 13, 2018 at 10:03 pm #1009667
    Moondreamer21

    Sure, I posted a link to the blog page below.
    Would also be curious how I make the number of comments shown down toward the bottom of a single post smaller (there’s a big red circle with a number in it).
    Thanks!

    September 13, 2018 at 10:53 pm #1009697
    Jordan Shannon

    Hi,

    Add this to quick css:

    .pagination-meta{
font-size:15px!important;
}

    Best regards,
    Jordan Shannon

    September 14, 2018 at 3:24 am #1009762
    Moondreamer21

    Thanks Jordan, that seemed to work for the “Page 1 of 22” part, but the 1, 2, 3, 4 in the circles aren’t bigger. I’d like those the same size?

    September 15, 2018 at 12:19 pm #1010095
    Dude

    Hi,

    You can change the font size of these circles with this code

    
#top #wrap_all .pagination .current, #top .pagination a, #top #wrap_all .fullsize .template-blog .pagination a {
    font-size: 15px;
}

    Best regards,
    Peter

    September 15, 2018 at 7:50 pm #1010226
    Moondreamer21

    Thanks Dude,

    I added that code and tested it, but it doesn’t seem to be working. Would you mind taking a look?

    September 16, 2018 at 5:19 am #1010298
    Rikard

    Hi,

    Thanks for the login details, though they seem to not be working. Could you check and verify please?

    Best regards,
    Rikard

    September 17, 2018 at 11:15 pm #1011027
    Moondreamer21

    Whoops, reposted below.
    Thanks!

    September 17, 2018 at 11:37 pm #1011038
    Jordan Shannon

    Hi,

    Have you tried adding Dude’s additional code to the very top of quick css so that it runs first? Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    September 18, 2018 at 4:41 am #1011062
    Moondreamer21

    Hi guys, that code is working now – thanks!

    I’d also love to get code to make the number in the single red circle smaller that numbers the replies for the blog posts.

    September 18, 2018 at 7:01 am #1011115
    Rikard

    Hi,

    Please try this CSS as well:

    span.comment-count {
  font-size:12px !important;
}

    Best regards,
    Rikard

    September 19, 2018 at 10:43 pm #1012046
    Moondreamer21

    Thanks, that did the trick – appreciate the help! :)

    September 20, 2018 at 6:44 am #1012143
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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