How to remove arrow in featured collection section

Solved

How to remove arrow in featured collection section

YIVAN
Explorer
51 1 16

Hello, 

 

Is there a way for me to get rid of the arrow icon in the featured collection section?

Screen Shot 2024-06-12 at 6.27.13 PM.png

 

Accepted Solutions (4)

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @YIVAN  Please add code here to remove this icon:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.card__information .icon-wrap{
   display: none !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

YIVAN
Explorer
51 1 16

This is an accepted solution.

Hello, thank you for the solution. I have one more question, is there a way to center the text at the bottom?

Screen Shot 2024-06-12 at 8.40.59 PM.png

View solution in original post

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

 Hi @YIVAN  Please add more code here:

<style>
.card__information .full-unstyled-link{
text-align: center !important;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

 Hi @YIVAN  Oke, Can you help me add again code here:

<style>
  :root {
    --grid-desktop-horizontal-spacing: 24px !important;
   }
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 12 (12)

mrashid
Shopify Partner
169 17 15

@YIVAN store url?

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
YIVAN
Explorer
51 1 16

URL: https://www.yivan.us/

Pass: YIVAN24

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @YIVAN  Please add code here to remove this icon:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.card__information .icon-wrap{
   display: none !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YIVAN
Explorer
51 1 16

This is an accepted solution.

Hello, thank you for the solution. I have one more question, is there a way to center the text at the bottom?

Screen Shot 2024-06-12 at 8.40.59 PM.png

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

 Hi @YIVAN  Please add more code here:

<style>
.card__information .full-unstyled-link{
text-align: center !important;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YIVAN
Explorer
51 1 16

Thank you very much worked perfectly, I have one last question. How would I add more space between the two images?

Screen Shot 2024-06-12 at 10.18.03 PM.png

PageFly-Noah
Shopify Partner
1317 233 268

Hi @YIVAN Yes, Sure please add code here:

<style>
@media screen and (min-width: 990px) {
    slider-component .collection-list-wrapper .grid__item {
        width: 100% !important;
        max-width: 49% !important;
    }
   slider-component .collection-list-wrapper .grid{
       justify-content: space-between !important;
    }
}

</style>

Thank you.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YIVAN
Explorer
51 1 16

Hello, the code didn't work for me when I added it in.

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

 Hi @YIVAN  Oke, Can you help me add again code here:

<style>
  :root {
    --grid-desktop-horizontal-spacing: 24px !important;
   }
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YIVAN
Explorer
51 1 16

Perfect, thank you very much.

PageFly-Noah
Shopify Partner
1317 233 268

@YIVAN Great, Thank you. Have a nice day 😉 !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YIVAN
Explorer
51 1 16

Hello, I have a question regarding this section. Is there a way to increase the size of the pictures so they fill up the screen? I will show you examples.

Here is how it looks right now: 

double image size.png

Here is how I would like it to look:

rhude example.png