Remove outline section from Banner

[Hugobrunto]

Hi all ❤️ 

Can you see this picture? I want to delete this white outline in the banner. How can it be fixed? Anyone? 

It was set to transparent before when making a new text box in the banner, but somehow it changes to white. 

Thanks for any help ❤️

[BSSCommerce-HDL]

Hi @Hugobrunto, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.banner-box.content-container.content-container--full-width-mobile {
    border: none !important;
}
</style>

Here is result; 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Hugobrunto]

Thank you very much but I can still see a shadow from the outline. Before I somehow put the white outline there, it was only the white text and not a white line or a shadow. 

I use a purchased theme named “Iris”. 

[BSSCommerce-HDL · Accepted solution]

Hi @Hugobrunto, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.banner-box.content-container.content-container--full-width-mobile {
    border: none !important;
    box-shadow: none !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Hugobrunto]

Dude!! You're amazing. I'm afraid I won't be able to buy you a pizza but I'm able to share all my love to you ❤️ 

You're such an inspiration to others! 

[BSSCommerce-HDL]

@Hugobrunto No problem. Have a good day 😍

[Rahul_dhiman]

Hello @Hugobrunto 
Go to online store ---------> themes --------------> actions ------> edit code------->assets----->section-banner-two-columns.css
add this code at the end of the file.

.banner-content .content-container {
border: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Hugobrunto]

Thank you very much but I can still see a shadow from the outline. Before I somehow put the white outline there, it was only the white text and not a white line or a shadow. 

I use a purchased theme named “Iris”. 

[BSS-TekLabs]

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

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.banner-content .content-container {
    border: none !important;
}

- Here is the result you will achieve:

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

[Sangeetanahar]

Hello @Hugobrunto 

Go to online store ----> themes ----> actions ----> edit code ---->
Open your section-banner-two-columns.css file and paste the following code at the bottom:

banner-content .content-container {
border: none !important;

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks