venture theme catalog page images sizes

Solved
Highlighted
Tourist
7 0 0

https://amours.ro/collections/all

 

In this page i want to increase sizes of products images, product names, price everthing to be full screen.

 

There are 2 products, each product to show 50% of the display screen.

0 Likes
Highlighted

Success.

Shopify Expert
2652 443 571

Hi @techplusweb 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.template-collection .grid.grid--no-gutters .grid__item {
    width: 50% !important;
}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
7 0 0

thanks!

 

is there a way to make image larger?

 

 

0 Likes

Success.

Shopify Expert
2652 443 571

Follow this:

1. Open Snippet->product-card.liquid find below code:

<div class="product-card__image js" style="max-width: {% include 'image-width' with image: image, width: 235 %}px;" data-image-id="{{ image.id }}">

Now change width: 235 to as you wish large image like width:400

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
7 0 0

Thanks a lot.

 

Last thing for now I want to increase size of price text, where to modify that?

 

Thanks!

0 Likes
Highlighted

Success.

Shopify Expert
2652 443 571

Add this css:

.template-collection .product-card__price{font-size:16px;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
7 0 0

all problems solved.

 

thank you very much!

0 Likes