Changing The Image Size on a Discount Popup

[Aaron-Mihell]

Hi,

I would like to reduce the image size/height on my discount popup. Currently, it is 320px but I would like it to be reduced to 120px and for the size to only change on the mobile version of the site. Refer to the images below:

I have managed to make this change by inspecting the code on Google but haven't figured it out on shopify's end.

If anyone would be able to help, it would be greatly appreciated. I am using the Dawn theme.

URL: solaque.co.uk

Thanks,

Aaron

[suyash1]

@Aaron-Mihell  try by adding that css to base.css file and check

[Aaron-Mihell]

I don't have too much experience with code, so I wouldn't know what code to write unfortunately.

[suyash1]

@Aaron-Mihell please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media screen and (max-width: 768px) {
    ._grid_stahb_148._left_stahb_195, ._grid_stahb_148._right_stahb_204 {
        grid-template:
        "image" 120px
        "content" min-content / 1fr !important;
    }
}

[Aaron-Mihell]

Hi @suyash1,

Unfortunately that didn't seem to make any change.

[suyash1]

@Aaron-Mihell may be you are trying to change image which is been fetched via an app, in that case theme codes may not work on it

[Aaron-Mihell]

I did implement the popup through Shopify's own Forms app, so yes perhaps it is.

Do you know if there is any way to do it if that is the case?

[suyash1]

@Aaron-Mihell  contact shopify support only, our css will not work on it

[Aaron-Mihell]

Ok I understand. Thank you for your help.

[Aaron-Mihell]

Hi @suyash1,

I did find this thread on how to make changes to the styling of form from the Shopify Forms app: https://community.shopify.com/c/shopify-apps/using-the-forms-app-impossible-to-style-forms-to-match-...

Would you be able to assist me in using this information to make the necessary changes to my website.

Thanks,

Aaron

[DaisyVo]

Hi @Aaron-Mihell 

This part of the code is rendered from a JavaScript file of a popup app, so the CSS cannot be edited directly.
Please contact the app provider to make the necessary edits.

Best,

Daisy

[Aaron-Mihell]

Hi @DaisyVo,

I did find this thread on how to make changes to the styling of form from the Shopify Forms app: https://community.shopify.com/c/shopify-apps/using-the-forms-app-impossible-to-style-forms-to-match-...

Would you be able to assist me in using this information to make the necessary changes to my website.

Thanks,

Aaron