How can I enlarge alternative icons in the Pipeline theme?

Solved

How can I enlarge alternative icons in the Pipeline theme?

ARenard
Excursionist
16 0 4

Hello Shopify Community,

 

I'm using the Pipeline theme and I would like to increase the size of the alternative icons in the Icon Columns section. If I upload a alternative icon, the size is too small and I would like to have it bigger. 

 

Could you please help me with this? Unfortunately I have nog coding experience.

 

Many thanks!

Accepted Solution (1)
suyash1
Shopify Partner
10130 1253 1593

This is an accepted solution.

@ARenard - add this css to the end of your theme.css file and check, this will change on this page only, adjust as per the need

#actifyt-joint .icon--large .icon__column__icon {
    width: 75px;    height: 75px;
}

 

suyash1_0-1647877805839.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
10130 1253 1593

@ARenard - can you please share the page link where you have these icons?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
ARenard
Excursionist
16 0 4
Hello Suyash,

Thank you for your reply to my question.

My store URL is: https://actifyt.myshopify.com/

The page link where I would like to change the icons:
https://actifyt.myshopify.com/admin/themes/127654527129/editor?previewPath=%2Fproducts%2Factifyt-joi...

My store is still password protected. The password is: chaimp.

Do you have enough information like this? Otherwise please let me know.

Thank you.

Regards,
Alix Renard

suyash1
Shopify Partner
10130 1253 1593

This is an accepted solution.

@ARenard - add this css to the end of your theme.css file and check, this will change on this page only, adjust as per the need

#actifyt-joint .icon--large .icon__column__icon {
    width: 75px;    height: 75px;
}

 

suyash1_0-1647877805839.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
ARenard
Excursionist
16 0 4
Hello,

Thank you for your quick reply. This was indeed what I was looking for!.

Can I also ask you how I can change the upper en bottom margin of this Icon
Column section? So I would like the margin above and below the icons to be
a bit smaller.

Page URL:
https://actifyt.myshopify.com/admin/themes/127654527129/editor?previewPath=%2Fproducts%2Factifyt-joi...

Thank you.

Alix