This support forum is no longer in use. Please use the Cloudinary Community at https://community.cloudinary.com/ to receive assistance from other members of the community and from Cloudinary's support team. For account-specific questions or if you believe that you've encountered a bug, please contact the Cloudinary team directly via the "submit a request" option on this support site.

Product Gallery Widget: how to customize zoom controls? Default is difficult to see

Follow
Avatar
Nick Medrano

On the product gallery, it is very hard to see the + and - buttons when in popup mode. 

 

Is there a way to add a square/rectangle behind the buttons like so or to somehow give the controls a bit more contrast ?

0

Comments

3 comments

Sort by Date Votes
  • Avatar
    Millie Axelrod

    Hi Nick,

    You can customize the color, background color and the shape of the navigation buttons by changing the "navigationButtonProps". For example:

     "navigationButtonProps": {
        "iconColor": "#e1749f",
        "color": "#233fa8",
        "shape": "rectangle"},

    You can try the different options using our Product Gallery Widget Demo/Editor page under the Navigation Button shape and Navigation Button Colors sections. Please note that any changes will apply to all navigation buttons in the widget.

    I hope this helps.

    Kind regards,
    Millie

     

    0
    Comment actions Permalink
  • Avatar
    Nick Medrano

    That does the job. Thank you! Can't believe I missed that.

    0
    Comment actions Permalink
  • Avatar
    Millie Axelrod

    Happy to hear that worked :)

    Please feel free to reach out if you have any additional questions.

    Regards,
    Millie

    0
    Comment actions Permalink

Post is closed for comments.