I want to fix this myself – how to?

Hi community. I want to center-align the pagination buttons on the bottom of my front page. I was going to send (another) request for the code but I changed my mind. Instead, can I ask for the steps I need to take to find a solution myself? I am aware of the inspect tool in Firefox and I find html code that appears to be connected to the pagination buttons:

<nav class="woocommerce-pagination">
	<ul class="page-numbers">
	<li><span aria-current="page" class="page-numbers current">1</span></li>
	<li><a href="https://www.laithwark.com/?paged=2">2</a></li>
	<li><a href="https://www.laithwark.com/?paged=2">→</a></li>
</ul>
</nav>

I don’t see anything in the above code that indicates the alignment of the buttons. That’s fine. I understand that the alignment is probably determined by css code. So I look at the css code in the Firefox inspection tool and I see this code:

.woocommerce-pagination {
	float: right;
	border: 0;
	clear: none;
	padding: 0;
	margin-bottom: 0;
}

So I think, “Ah Ha, all I need to do is change “float:right” to “float:center” and Bob’s my uncle (meaning – problem solved). So I change the code, clear the browser cache and there is no change.

If anyone here can guide me to where I went wrong, and where I need to go from here to find the solution – I would be so grateful.

• This topic was modified 4 years, 2 months ago by laithwark.

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