Solved

Home Page Design - Focal Theme

LaraIskowicz
Excursionist
33 0 4

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
214 20 36

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
214 20 36

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
33 0 4

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
214 20 36

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
214 20 36

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