Docs

[bigmello]

Hi there

I am using Icon stack with Woocommerce. I’d like to change the formatting of the ‘search results’. At the moment the product search results are full width and much to large for my design style.

https://theme.co/x/demo/shop/icon/?s=band

How can I edit the formatting? In particular, the size of the product image and removing the date (irrelevant to my products).

Ideally I’d like the search results to show like a the shop grid layout.

https://theme.co/x/demo/shop/icon/

Thanks in advance.
Matt

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.search-results .p-meta {
    display: none;
}

.search-results .entry-featured {
    float: left;
    margin-right: 1%;
    width: 20%;
}

.search-results .entry-title {
    font-size: 180%;
}

Hope that helps.

[cityprint]

Thanks. That removed the date. Now how can I center align everything?

I tried float: middle and float: center

Thanks

[Rue Nel]

Hello There,

There is no such thing as float: center. You can try this instead:

.search-results .entry-featured {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

Hope this helps.

[bigmello]

Thanks so much, that worked. 🙂

[Darshana]

Glad we were able to help 🙂

[Author]

Posts