Show product name and price below thumbnail?

Site URL: https://www.walkingwindfarm.com/shop

Hello: How do I move the product name and price to the bottom of the thumbnail image on the product list page? Also is it possible to resize the thumbnail image on the product list grid? Thanks for any guidance.

On 4/19/2021 at 7:19 PM, nsu_98 said:

Site URL: https://www.walkingwindfarm.com/shop

Hello: How do I move the product name and price to the bottom of the thumbnail image on the product list page? Also is it possible to resize the thumbnail image on the product list grid? Thanks for any guidance.

Hi. Bottom or under thumbnail image?

On 4/21/2021 at 5:33 AM, tuanphan said:

Hi. Bottom or under thumbnail image?

Underneath the thumbnail image. Thanks for responding.

On 5/1/2021 at 8:22 AM, nsu_98 said:

Underneath the thumbnail image. Thanks for responding.

Add to Design > Custom CSS

/* products */
section.ProductList-overlay {
    opacity: 1 !important;
    position: relative !important;
    background: none !important;
}
.ProductList-meta {
    margin: 0 !important;
    opacity: 1 !important;
}

10 hours ago, tuanphan said:

Add to Design > Custom CSS

/* products */
section.ProductList-overlay {
    opacity: 1 !important;
    position: relative !important;
    background: none !important;
}
.ProductList-meta {
    margin: 0 !important;
    opacity: 1 !important;
}

 

Worked perfectly! Thanks for the assistance.

On 5/3/2021 at 7:27 PM, nsu_98 said:

Worked perfectly! Thanks for the assistance.

Do you want to fix these?

Site URL: https://www.walkingwindfarm.com/

1. (Mobile-Header) Want to reduce size or make it 2 lines?

2. (Mobile-Homepage) Increase banner text width?

3. (Mobile-Our story) White bar on right of screen