full screen image on impulse 7.6.1

Store Design
, , , , , , , , , , , , , , ,

Topic summary

A user seeks help making two images with text on their product page display in full-screen mode on the Impulse 7.6.1 theme.

Site Details:

  • Store URL: tilma.it
  • Example product page: tilma.it/products/corrado

Proposed Solutions:
Two community members offered CSS code snippets to modify the theme:

  1. First solution targets .feature-row-wrapper and .feature-row classes, removing padding and margins while setting max-width to 100%

  2. Second solution adds !important flags and specifically targets .page-width.feature-row-wrapper.feature-row--50

Current Status:
The issue remains unresolved. The user reports that both CSS solutions only enlarge the images rather than achieving true full-screen display. The discussion is ongoing with no working solution identified yet.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

could someone help me make the two images with text on my product page full-screen? thks

2 Likes
2

@lf_2
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

3

Hi @lf_2 ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

4

tilma.it

5

tilma .it

1 Like
6

@lf_2 thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.feature-row-wrapper {
    padding: 0;
    max-width: 100%;
}

.feature-row {
    margin: 0;
}
7

Hi @lf_2

Do you mean this one.

Made4uoRibe_0-1738759108743.png
Made4uoRibe_0-1738759108743.png1611Ă—610 156 KB

If it is, try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.page-width.feature-row-wrapper.feature-row--50 {
    max-width: 100% !important;
}

.feature-row {
    max-width: 100%;
    margin: 0;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

8

tilma.it

9

the image is enlarged, not full screen, please check since I have inserted your code: https://tilma.it/products/corrado

10

don’t work sorry