How to remove arrow in featured collection section

[YIVAN]

Hello, 

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

[PageFly-Noah · 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

[YIVAN · Accepted solution]

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

[PageFly-Noah · Accepted solution]

 Hi @YIVAN  Please add more code here:

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

[mrashid]

@YIVAN store url?

[YIVAN]

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

Pass: YIVAN24

[PageFly-Noah · 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

[YIVAN · Accepted solution]

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

[PageFly-Noah · Accepted solution]

 Hi @YIVAN  Please add more code here:

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

[YIVAN]

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

[PageFly-Noah]

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.

[YIVAN]

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

[PageFly-Noah · Accepted solution]

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

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

[YIVAN]

Perfect, thank you very much.

[PageFly-Noah]

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

[YIVAN]

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: 

Here is how I would like it to look: