Venture Collection Pages

Highlighted
Excursionist
46 0 2

Hiya!

I was hoping for some help please. 

I noticed that the font I was using was SUPER small, and probably hurting conversions, so I switched it for a larger font...however, now, in my collection pages some writing is overlapped by other products? Does anybody know how to fix this please? 

 

ALSO 

 

Does anybody know how to make the product pictures bigger in the collection pages? 

 

My website is: https://www.devti.co.uk/collections/statement-rings

 

Thanks, 

 

Aneesha

0 Likes
Shopify Staff
Shopify Staff
874 90 166

Hey there, @Aneesha1 

 

Bo here from Shopify Support! 

 

That is a really great question, I think I have some coding that will help. This tutorial is specific to an unedited version of the Venture theme. We cannot guarantee results for themes that have been modified with custom coding and/or apps. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial, or wish to make any variations to this tutorial.

 

NB When editing the CSS of your theme it is always a good idea to duplicate your theme first and making the changes on the duplicate. This will prevent any errors from occurring on your live site. We also recommend adding CSS to the bottom of the file as opposed to altering the preexisting code. The new code will overwrite the previous code.

 

  • Go to Online Store > Current Theme > Actions > Edit Code. 
  • Open the theme.scss.liquid file and scroll to the very bottom. 
  • At the very bottom of the file add the following code: 
/* Add extra space between titles */
.product-card__name {
  padding: 0 15px;
}
/* Increase image size */
.product-card__image {
  max-width: 330px !important;
}

 

  • Click Save, 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes