Docs

[piexec]

http://royalreef.piexec.com/index.php/product/frog-spawn-coral/

On this page, how can I center the title “STORE” and add some padding to the top of it?

Thanks in advance!

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.single-product .x-landmark-breadcrumbs-wrap {
	    text-align: center;
    padding-top: 50px;
}

Hope it helps, Cheers!

[piexec]

Thanks!

In the “Find all your Favorite Saltwater Corals and Inverts” black band, I added the WooCommerce Search widget.

How can I:

1. Reduce the width of the search field?
2. Add a Search Now button underneath it?

Thanks in Advance!

[Rue Nel]

Hello There,

Thanks for updating in!

1] To reduce the width of the search field, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.widget_product_search form:before {
    display: none;
}

.widget_product_search form input[type="search"] {
    max-width: 180px;
}

Feel free to increase the maximum width.

2] To add a search button and position it to the center, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.widget_product_search input[type="submit"] {
    display: inline-block;
}

.widget_product_search form {
    text-align: center !important;
    width: auto !important;
    margin: 0 auto;
}

Hope this helps.

[piexec]

Thanks! Perfect!

[Prasant Rai]

You are most welcome. 🙂

[piexec]

On the cart Page, do you know how I can increase, or highlight the X to delete a product?

[Christopher]

Hi there,

Please add this CSS :

td.product-remove a {
    font-size: 45px;
    font-weight: normal;
}

Hope it helps.

[piexec]

Thanks!

[Rupok]

You are welcome!

[Author]

Posts