-
AuthorPosts
-
June 27, 2014 at 11:27 am #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!
MarionJune 27, 2014 at 11:38 am #284471Hey 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” ;DRegards,
YigitJune 27, 2014 at 1:07 pm #284515Hi 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,
MarionJune 27, 2014 at 1:51 pm #284548Hey!
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,
YigitJune 27, 2014 at 3:13 pm #284590Hey 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,
MarionJune 27, 2014 at 3:48 pm #284599Hi!
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 issuesBest regards,
Yigit -
AuthorPosts
- The topic ‘Button styling’ is closed to new replies.