Enlarge icon size on home page

Solved
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)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1535

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 34

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

DelightLoyalty
Shopify Partner
1115 94 140

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 Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

View solution in original post

Replies 7 (7)
Halothemes
Trailblazer
168 30 34

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 1535

@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

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!

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 1535

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.

Halothemes
Trailblazer
168 30 34

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

DelightLoyalty
Shopify Partner
1115 94 140

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 Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.