Title: Custom button styles
Last modified: January 13, 2021

---

# Custom button styles

 *  Resolved [andrewgto](https://wordpress.org/support/users/andrewgto/)
 * (@andrewgto)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/custom-button-styles/)
 * Is it possible to change the style type. All I see is in html is button > svg
   > circle > path. Can this be change to, square? Same for hover fill? not looking
   for a circle design.
    What we want is a an arrow in a square with white bordered,
   transparent background. On hover gold background color.
 * Can you change the arrow type other then the 10 options in pro? (we want to use
   our style arrow, which is same a options 2, but much thinner).

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [eedee](https://wordpress.org/support/users/eedee/)
 * (@eedee)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/custom-button-styles/#post-13904477)
 * Hey [@andrewgto](https://wordpress.org/support/users/andrewgto/),
 * with a little svg / code knowlede you can do it relatively easy. All arrows are
   defined in `src/blocks/gutenslider/attributes.php` in the array `$eedee_gutenslider_arrows`.
   Take a look how arrows are defined there, you can replace one style with your
   svg. Please note that if you want colors to work you have to add the classes `
   bg` to the background which will be triggered on setting the background color/
   hover color and the class `arrow` to the part of the svg that is triggered by
   the arrow color / arrow hover color.
 * If you need more help, you can also send us the svg and we send you the code 
   you need.
 *  Thread Starter [andrewgto](https://wordpress.org/support/users/andrewgto/)
 * (@andrewgto)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/custom-button-styles/#post-13904579)
 * Hey eedee,
 * Thanks for getting back so quickly. Looked at the file you mentioned and uncertain
   as about the changing to square.
 * Yes I can send you the svg, what is best way?
 *  Plugin Author [eedee](https://wordpress.org/support/users/eedee/)
 * (@eedee)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/custom-button-styles/#post-13904586)
 * You are welcome,
 * [support@gutenslider.org](https://wordpress.org/support/topic/custom-button-styles/support@gutenslider.org?output_format=md)
 *  Plugin Author [eedee](https://wordpress.org/support/users/eedee/)
 * (@eedee)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/custom-button-styles/#post-13906688)
 * Solved, we will write a blog post the next time a user wants custom button svgs.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom button styles’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/gutenslider_814abc.svg)
 * [WordPress Slider Block Gutenslider](https://wordpress.org/plugins/gutenslider/)
 * [Support Threads](https://wordpress.org/support/plugin/gutenslider/)
 * [Active Topics](https://wordpress.org/support/plugin/gutenslider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gutenslider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gutenslider/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [eedee](https://wordpress.org/support/users/eedee/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/custom-button-styles/#post-13906688)
 * Status: resolved