• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] how to adjust "arrows" on buttons?

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › how to adjust "arrows" on buttons?

Tagged: custom buttons

  • This topic has 3 replies, 2 voices, and was last updated 6 years, 10 months ago by Davinder Singh Kanith.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 16, 2015 at 4:31 pm #498
    radiantaction
    Participant

    Hi,
    I tried replicating the default button style in a pricing table. I was able to get it “almost” right but the arrow overlaps the word. It is very lightly showing like this in Windows with Chrome/Firefox but prominently an issue on mac/safari.

    I’ve racked my brain, reviewed the css file, and “inspected” the elemnt various ways and I can’t seem to find what needs to be adjusted. I know I’ve missed something.

    Can anyone help point me in the right direction?

    The page is here > http://dev5.khtestsite.com/prices/

    Thank you!

    August 17, 2015 at 3:07 am #499
    Davinder Singh Kanith
    Moderator

    Hi Kristen

    Arrows on hover on Pricing table “details” button seem to appear fine on Windows. Did you manage to fix the issue? If not, please elaborate (preferably with screenshot of issue on Mac system).

    August 17, 2015 at 3:18 am #501
    radiantaction
    Participant

    Hi Davinder,
    Nope, I haven’t fixed it. In Windows the arrow being too close is very, very light and difficult to see. However, when viewing on a mac in safari it is quite apparent.

    Here is a link to a short (10 sec) screencast shot in Safari (it shows that same in safari whether in Windows or mac).

    http://screencast-o-matic.com/watch/cojbeofzNs

    Thank you for your help on this!

    Kirsten

    August 17, 2015 at 3:28 am #502
    Davinder Singh Kanith
    Moderator

    Hi Kristen

    I believe best fix would be removing hover arrow and left movement on the button. Try this code in style.css file.

    a.button1:after, a.button2:after, a.button3:after, a.button4:after { display: none; }
    a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover { padding: 10px 18px; }
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates