Enlarge icon size on home page

[ARenard]

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!

[Zworthkey · 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.

[Halothemes · 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]

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.

[Zworthkey]

@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]

Hi @Zworthkey,

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

Password: chaimp

Screenshot of the part that I would like to change:

Thanks for the quick reply!

[Zworthkey · 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]

Hello, 

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

Password: chaimp

Screenshot of the part that I would like to change: 

Thanks for the quick reply!

[Halothemes · 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.

[DelightCart · 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;
}