Custom button styles

  • Resolved andrewgto

    (@andrewgto)


    5 years, 5 months ago

    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

    (@eedee)

    5 years, 5 months ago

    Hey @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

    (@andrewgto)

    5 years, 5 months ago

    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

    (@eedee)

    5 years, 5 months ago

    You are welcome,

    [email protected]

    Plugin Author eedee

    (@eedee)

    5 years, 4 months ago

    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.