Thanks for the suggestion, this will be available in 4.25, or if you would like to add it now, it can be done with CSS:

Open ProductList.ascx to line 245-250 and add a css class (CssClass="SmithPagination"), this is what lines 245-251 should look like:

<td class="SmithPagination" align="center" colspan="3">
            <asp:LinkButton ID="LBFirst" CssClass="SmithPagination" runat="server" OnClick="LBFirst_Click"><%= Localization.GetString("First.Text", LocalResourceFile)%></asp:LinkButton>&nbsp;
            <asp:LinkButton ID="LBPrev" CssClass="SmithPagination" runat="server" OnClick="LBPrev_Click"><%= Localization.GetString("Prev.Text", LocalResourceFile)%></asp:LinkButton>&nbsp;
            <asp:Label ID="lblResult" CssClass="SmithPagination" runat="server"></asp:Label>&nbsp;
            <asp:LinkButton ID="LBNext" CssClass="SmithPagination" runat="server" OnClick="LBNext_Click"><%= Localization.GetString("Next.Text", LocalResourceFile)%></asp:LinkButton>&nbsp;
            <asp:LinkButton ID="LBLast" CssClass="SmithPagination" runat="server" OnClick="LBLast_Click"><%= Localization.GetString("Last.Text", LocalResourceFile)%></asp:LinkButton>
        </td>

Then open Module.css and add the following:

.SmithPagination {font: 1.5em; color: #736F6F;clear: both;}
.SmithPagination a, .SmithPagination strong.SmithPagination-current {padding: 0.5em;}
td.SmithPagination {clear: both; padding: 15px 20px; margin-top: 30px; margin-bottom:30px;}
td.SmithPagination a {border: 1px solid #ccc; padding: 0.5em; margin: 0 2px; color: #666; font-size:14px;}
td.SmithPagination a:hover {border: 1px solid #D9D2D2; padding: 0.5em; margin: 2px; color: #736F6F; font-size:14px; background-color:#F7F7F7; text-decoration:none; cursor:pointer;}

You can change the CSS style to match your site if you want to, or leave it as-is, thanks again for the suggestion! 


Thanks,
Christian