how to show featured product card in full width

[slv1997]

hi, 

i want the cards on featured product to be on full widgth of te page with no gap 

[Made4uo-Ribe]

Hi @slv1997 

Would you mind to share your store URL? Thanks!

[PageFly-Richard]

Hi @slv1997 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.slider-component-full-width {
    padding: 0 !important;
}
</style>

And enable this in theme editor to make it have the same structures

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[slv1997]

hi tnx it worked. 

but now the text of the card  that in the left (the price and the name of the product) is too close to the limit of the screen, can you tell me how to fix it? 

I added a picture for illustration.

[slv1997]

anf if i want to change it not to full not to full widgth  but to tiny gap like this photo: (see the photo in full size)

[PageFly-Richard]

Hi in case you want a tiny gap instead of full-width, so you can replace the code you added with this new one

<style>
.slider-component-full-width {
    padding: 0 5px !important;
}
.card--standard>.card__content .card__information {
padding-left:20px;
}
</style>

Note, you can change value of 5px and 20px to adjust the spacing

[slv1997]

wow amaizing it worked! one last thing can you help me do the same tiny gap with the product cards in the "catalog"? (open the photo so you can see the photo in full size)

[slv1997]

wow amaizing it worked! one last thing can you help me do the same tiny gap with the product cards in the "catalog"? (open the photo so you can see the photo in full size)