Enabling an active state with pagination

  • bakedujour

    (@bakedujour)


    8 years, 4 months ago

    Hello everyone! I hope this is just a simple fix. I’m looking to set up an active state through the pagination I’ve recently installed on my blog. As you can see, it’s not that easy to see which page a user is currently on if they start going through the pages. This is the code I’ve inputted:

    <div class="archive-pagination pagination"><ul><li class="active" ><a href="1" aria-label="Current page"><span class="screen-reader-text">Page </span>1</a></li>
<li><a href="https://bakedujour.com/blog/page/2/"><span class="screen-reader-text">Page </span>2</a></li>
<li class="pagination-next"><a href="https://bakedujour.com/blog/page/2/" >Next Page »</a></li>
</ul></div>

    I’ve read multiple articles stating that simply adding .active will do the trick, but I still can’t seem to figure this out!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    8 years, 4 months ago

    what php code are you using for the pagination?

    Thread Starter bakedujour

    (@bakedujour)

    8 years, 4 months ago

    Hi Michael – this is the entirety of the code that I used to set up the pagination. Eep! (Can you tell how inexperienced I am?) It was sort of unconventional but to set it up, I viewed the source for my blog before I installed a couple of widgets that got rid of the standard pagination and copied the code from there into a Custom HTML widget. Not sure where to go from here unfortunately, sorry!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Enabling an active state with pagination’ is closed to new replies.