How can I add padding to an icon in my accessibility script?

Topic summary

A user is trying to adjust the positioning of an accessibility widget icon on their Shopify store, specifically wanting to add padding to move it higher on the page.

Technical Details:

  • The accessibility script is from enable.co.il (license L13021kg1u3bmfl)
  • The icon uses the class enable-trigger-circle
  • Store URL: pinkyoffer.com

Solution Provided:
A support representative provided custom CSS code to be added to the theme.liquid file, placed after the <head> tag. The code targets the accessibility icon class to adjust its positioning.

Outcome:
The solution was successfully implemented and resolved the user’s issue.

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

Hey, I got an accessibility script, how can I add a padding to the icon? I want it a few centimeters above, I added an example photo

this is the code:

Thanks :slightly_smiling_face:

Hy, @Afek12

Please send Page URl

Hi @Afek12

Please drop your page that contain icons

hey :slightly_smiling_face: https://pinkyoffer.com/

class is: enable-trigger-circle

Hey Dan! https://pinkyoffer.com/

class is: enable-trigger-circle

Please add this code to your theme.liquid file after tag


1 Like

awesome!! thanks :slightly_smiling_face:

1 Like

You are very welcome