WordPress - Load More Button (Pagination)

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.)

Open

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