How can I increase the icon size on my homepage?

Store Design
1

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!

1 Like
2

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.

3

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

1 Like
4

Hello,

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

Password: chaimp

Screenshot of the part that I would like to change:

ARenard_0-1649929440166.png
ARenard_0-1649929440166.png1882×290 16.8 KB

Thanks for the quick reply!

1 Like
5

Hi @Zworthkey ,

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

Password: chaimp

Screenshot of the part that I would like to change:

ARenard_1-1649929508158.png
ARenard_1-1649929508158.png1882×290 16.8 KB

Thanks for the quick reply!

1 Like
6

@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.
1 Like
7

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.

8

@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;
}