Jump to content

Show product name and price below thumbnail?

Recommended Posts

  • Replies 5
  • Views 507
  • Created
  • Last Reply
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

Link to comment
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?

walkingwindfarm.com-01-min.png

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

walkingwindfarm.com-02-min.png

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

walkingwindfarm.com-03-min.png

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.