Solved

Can I increase the icon size beyond 'large' on my Shopify home page?

ARenard
Excursionist
16 0 4

Hello, 

 

I would like to enlarge the size of the alternative icons displayed on my home page. I've put the icon size on 'large', but they are not large enough. Preferably they would be around 75 px.

 

I'm using the pipeline theme.

 

My store url: https://actifyt.myshopify.com/

 

Thank you!

Accepted Solutions (3)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@ARenard 

.icon--large .icon__column__icon {
    width: 72px !important;
    height: 72px !important;
}


Add this code in the bottom of theme.css or base.css file.
1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste Above code at the bottom of the file.
3. Save it.

View solution in original post

Halothemes
Trailblazer
168 30 44

This is an accepted solution.

Hi @ARenard , 

 

you can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> /theme.css paste code below into end of the file.

.icon--left.icon--large .icon__column__icon {
    width: 75px !important;
    height: 75px !important;
}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Best regards.

HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE

View solution in original post

DelightCart
Shopify Partner
1233 81 155

This is an accepted solution.

@ARenard Go to assets/theme.css and paste below css at bottom of file.

 

.icon--large .icon__column__icon
{
width: 75px !important;
height: 75px !important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

View solution in original post

Replies 7 (7)

Halothemes
Trailblazer
168 30 44

Hi @ARenard , 

 

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

 

Best regards.

HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE

Zworthkey
Shopify Partner
5581 642 1565

@ARenard 
Welcome to the Shopify community!
Thanks for your good question.


Please share your store URL and password if password protected.
So that I will check and let you know the exact solution here.

ARenard
Excursionist
16 0 4

Hi @Zworthkey,

 

Store url: https://actifyt.myshopify.com/

Password: chaimp

 

Screenshot of the part that I would like to change:

ARenard_1-1649929508158.png

Thanks for the quick reply!

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@ARenard 

.icon--large .icon__column__icon {
    width: 72px !important;
    height: 72px !important;
}


Add this code in the bottom of theme.css or base.css file.
1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste Above code at the bottom of the file.
3. Save it.

ARenard
Excursionist
16 0 4

Hello, 

 

Store url: https://actifyt.myshopify.com/

Password: chaimp

 

Screenshot of the part that I would like to change: 

ARenard_0-1649929440166.png

Thanks for the quick reply!

Halothemes
Trailblazer
168 30 44

This is an accepted solution.

Hi @ARenard , 

 

you can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> /theme.css paste code below into end of the file.

.icon--left.icon--large .icon__column__icon {
    width: 75px !important;
    height: 75px !important;
}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Best regards.

HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE

DelightCart
Shopify Partner
1233 81 155

This is an accepted solution.

@ARenard Go to assets/theme.css and paste below css at bottom of file.

 

.icon--large .icon__column__icon
{
width: 75px !important;
height: 75px !important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.