Docs

[skirttheceiling]

Hi,

I recently downloaded and started using woocommerce but a couple of the visual aspects of the shop page are not want I want, but I can’t figure out where to customize them.

For example I’d like the change the look of the button for an external product link, but when I asked Woocommerce they said that this was an X Theme question.
See the “Rent from RTR button” on this page:
http://skirttheceiling.com/product/10-crosby-derek-lam-embroidery-tiered-top/

Furthermore, I’d like to be able to have more clear page number navigation as right now at the bottom of my shop page the page numbers hardly show up:
See the very bottom of the shop page:
http://skirttheceiling.com/shop/

Could someone please help me with this?

Thanks!

[Rad]

Hi there,

Thanks for posting in.

You can customize the buttons in Admin > Appearance > Customizer > Buttons, but if you prefer to customize it specific to that button, then it’s only possible through custom CSS. How’d you like the button to be stylized?

As for page navigation, please add this CSS in Admin > Appearance > Customizer > Custom > CSS with your customization.

.x-pagination ul {
background-color: red;
}
.x-pagination a, .x-pagination span {
    color: black;
    background-color: yellow;
}
.x-pagination a:hover {
    color: black;
    background-color: pink;
}
.x-pagination span.current {
    color: pink;
    background-color: blue;
}

I just added dummy colors 🙂

Cheers!

[Author]

Posts