A user wants to display a full-width image banner on their Shopify product page above the review section, without borders. They’ve added the image but need help removing the banner border and ensuring full-size display.
Proposed Solution:
section-multicolumn.css file.multicolumn.background-primary and replace with provided CSS codeCurrent Status:
I need to add a image banner on my product page
I want to have this image without any borders and in full size on my shopify product page above my review section
I have added it to mybut I need to remove the banner border and have the image displayed in full size
Thanks
Hi @david09
Can you share store URL and password
Hi @david09
Please drop your product page URL
please share you url
Hi @david09
In the section-multicolumn.css find .multicolumn.background-primary and replace with below CSS
.multicolumn.background-primary .multicolumn-card {
/* background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04)); */
}
Hi @david09
If the solution presented meets your needs and addresses your query effectively, I encourage you to accept it as the chosen answer. This will acknowledge the support you received and aid fellow community members in identifying reliable and effective solutions for their similar concerns.
Thank you.
Can you please send me a request to access my store? I could not find the above piece of code to find and replace