DAWN THEME - Remove Product Padding on Page + Full Screen Width

[skymochi]

Hello! Looking for any assistance/advice if something such as the attached screenshot is possible to do.

Thank you!
GOALS

1. Full-Screen Width Collections Grid — 2. No Padding — 5. Product Info on Image

website reference: DESIRED GOAL REFERENCE
My current setup is as follows:

[PageFly-Theodor]

Hi @skymochi ,
This is Theodore from PageFly - Shopify Page Builder App.

Can you give me URL page?

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[laddisahsi]

Hi @skymochi

we can achieve this using the custom code as well.

It will took 2-3 Hours

Please let me know if needed any help.

Contact info is in signature.

Thanks

[skymochi]

Hi Theodore,

Let me know if this is what you meant by URL page!

https://07f83a.myshopify.com/collections/all

[PageFly-Theodor]

Hi @Gustavo1105 ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Image Banner Text With, let’s try this solution:

Online Store ->Theme ->Edit code->theme.liquid

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[skymochi]

Hi Theodore,

Thank you! That worked.
Do you have a suggestion for —

1. Moving Product Info to appear on Hover? Such as the 2nd Image from the 1st?

[PageFly-Theodor]

You can try to with this code

.card.card--card.card--media.color-scheme-9ddc554f-41d4-40dd-a8af-da0f57f74958.gradient{
	position: relative;
}

.card__content {
    position: absolute;
    bottom: 0;
}

If my answer is the solution. You can like and accpet my answer

[skymochi]

Hi Theodore,

Thank you! You are a wizard, final question:

1. Is there a way to extend the product grid to be entirely full-screen, with the header on top? Image 2 as an example.

[PageFly-Theodor]

Now, I see your page is full-width

[skymochi]

Hi Theodore,

Apologies for the confusion, the reference below. I am trying to have my header transparent on top of my product grid. Is this possible?

Above, my header is not transparent.