Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #284464

    Hi guys,
    I’m using the incredible Enfold-theme at a customer’s website. Now the customer wants me to change the style of the buttons (Quote:”Can I have more fancy buttons? Like 3D or something…” :-D).
    I’ve tested several selectors for the new styling, but it seems I can’t find the right one. Would you please tell me the right selector?

    Thanks in advance for helping me!
    Marion

    #284471

    Hey Wasdarfsdesign!

    Kriesi posted CSS code for old gradient buttons here upon request – https://gist.github.com/Kriesi/7092409
    it should make buttons look “like 3D or something” ;D

    Regards,
    Yigit

    #284515

    Hi Yigit,
    thanks for the code :-)

    But… I also have to change the buttons in forms:
    “Search” –> <input type=”submit” value=”Suchen”>
    and “Send” –> <input class=”button” type=”submit” data-sending-label=”Sending” value=”Senden”>

    The CSS you sent me doesn’t make any changes on this type of buttons. Maybe my description was too bad – Sorry ;-)

    Regards,
    Marion

    #284548

    Hey!

    Please add following code to Quick CSS as well

    input[type='submit'] {
    border-radius: 3px;
    background-image: url("../images/layout/bg-button.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    padding:10px;
    font-size: 12px;
    text-decoration: none;
    display:inline-block;
    border-style: solid;
    border-width: 1px;
    margin:3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: 600;
    text-align: center;
    max-width: 100%;
    }

    If that does not work, please post the link to your website

    Regards,
    Yigit

    #284590

    Hey Yigit,
    that’s it!

    This is, what I was looking for: input[type='submit'] { ...

    I added my own css-style for the button – shiny and fancy! Think, the customer will like it :-D

    Thanks a lot and take care,
    Marion

    #284599

    Hi!

    You are welcome Marion, glad we could help! You can have a look at Enfold documentation here – http://kriesi.at/documentation/enfold/ where you can find some code snippets :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Button styling’ is closed to new replies.