WordPress - Load More Button (Pagination)

Owned by Amrita.Biswas
Last updated: May 15, 2024
1 min read

To ensure correct styling of the Load More button in pagination, follow the steps below.

Step 1:

Delete everything in the custom CSS box.

(This is to eliminate some invalid custom CSS on the element that overrides any attempts at Styling the pagination button.)

image-20240513-225621.png

 

Step 2:

Go to Style > Pagination and update the button styling as below.

  • Normal

    • Text Color: global default - Primary

    • Background Type: Classic

    • Color: global default - Light

  • Hover

    • Text Color: global default - Light

    • Background Type: Classic

    • Color: globabl default - Primary

  • Border

    • Type: Solid

    • Border Width: 1

    • Border Color: global default - Primary