What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Home Page Design - Focal Theme

Solved

How can I adjust the scale of featured collections on my Focal theme home page?

LaraIskowicz
Excursionist
36 0 7

Hi,

 

I'm hoping someone can help me.

 

I got somebody to help me out once and change the configuration of my featured collections on my home page.

 

I've noticed when I open the site on a bigger screen it makes it even larger and i dont know how to change the scale of it.

 

Urgent help please!

Accepted Solution (1)
MastersHub
Shopify Partner
216 21 38

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code.

 

<style>
.product-item {
    border-radius: 12px;
    border: 1px solid #eee;
    padding: 20px 20px 10px 20px;
}

.product-item__info {
  text-align: left!important;
}
</style>
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp

View solution in original post

Replies 4 (4)

MastersHub
Shopify Partner
216 21 38

If you explain your problem more clearly, I can help you. You can use screenshots.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
LaraIskowicz
Excursionist
36 0 7

So I have featured collections on my home page and somebody changed them for me and put white boxes behind the products.

 

When they did this it just doesnt look right.

 

Now i cant contact them.

 

Also, when I use my normal macbook, it looks fine but when i use a computer with a bigger screen, the products are stretched and blurry.

 

This is what i asked for.

 

Screen Shot 2024-02-12 at 5.56.22 pm.png

 

 

this is what i have.

 

Screen Shot 2024-02-12 at 5.56.49 pm.png

 

 

The spacing seems to be all wrong!

MastersHub
Shopify Partner
216 21 38

Can you give me the store URL?

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
MastersHub
Shopify Partner
216 21 38

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code.

 

<style>
.product-item {
    border-radius: 12px;
    border: 1px solid #eee;
    padding: 20px 20px 10px 20px;
}

.product-item__info {
  text-align: left!important;
}
</style>
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp