how to change pagination style in blog page?

[Gandam]

Hi,
Thank you for excellent support. However, I’m thinking to replace the pagination icon style to the numeric without circle, something similar to Kleo LINE style under tabs setting, is it easy to change? Again, I am not coding expert. Your early reply will be grateful. 🙂

Attachments:

You must be logged in to view attached files.

[sharmstr]

To remove the circle add this to your css

COPY CODE

.pagination>li>a, .pagination>li>span {
  border: 0px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
border-radius: 0px;
}

From there you can add any styling you want.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Gandam]

Hi,
You guys are really great with support!! 🙂 To refer your reply, can I do paste that code into quick css or where exactly? I am still in learning curve, thanks.

[sharmstr]

yes. or in your child theme’s style.css

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts