Need Full Width Image with Text Overlay in Superstore 5.3.0 Theme

[GBIT_Team]

Hi! We are using the Superstore Version 5.3.0 theme and would like our "Image with text overlay" to be full width. Basically, we want a full width banner at the top of our landing page. I tried adding the following code to Asset > /theme.css that I saw in another post, but I guess it did not work with our theme. 

.template-page .main-content .page-width { MAX-WIDTH: 100%; }

Any help is appreciated. We also don't mind having all sections full width. 

https://www.neptunegolfcarts.com/

[BSS-TekLabs]

.image-with-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Can you try this code @GBIT_Team 

[BSS-TekLabs]

- Here is the solution for you @GBIT_Team 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.image-with-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[GBIT_Team]

This one did not work for me either 

[GBIT_Team]

Thanks for the quick response! It made it a little wider, but still not full width.

[BSS-TekLabs · Accepted solution]

<style>
.image-with-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

please replace to this code @GBIT_Team 

[BSS-TekLabs]

- Here is the result you will achieve @GBIT_Team :

[BSS-TekLabs]

Can you try this @GBIT_Team 

<style>
.image-with-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

[GBIT_Team]

This one worked! Thank you 😊

[BSS-TekLabs]

Glad to help you. Have a good day @GBIT_Team .

[BSSCommerce-B2B]

@GBIT_Team , try this

.image-with-text {
  padding: 0!important;
  margin: 0!important;
}
.image-with-text-background {
  min-width: 100vw!important
}

Result:

[GBIT_Team]

Unfortunately none of those are working for me either.

[BSSCommerce-B2B]

@GBIT_Team, let put this befor </body> of theme.liquid file

<style>
.image-with-text {
  padding: 0!important;
  margin: 0!important;
}
.image-with-text-background {
  min-width: 100vw!important
}
</style>

I think it will work 

[GBIT_Team]

Another user solved it above, but thank you for your help as well!