Title: Frontend button design
Last modified: March 29, 2020

---

# Frontend button design

 *  Resolved [gregywordpress](https://wordpress.org/support/users/gregywordpress/)
 * (@gregywordpress)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/frontend-button-design/)
 * Dear Vadim,
    I am a bit confused how to make the look of a button to be as I 
   expect. Here is the example: [https://leasing.sos.pl/maszyny-rolnicze-w-leasingu-online/](https://leasing.sos.pl/maszyny-rolnicze-w-leasingu-online/)
   I got this 3 buttons on this page in the section „Jeszcze nie gotowy?” • The 
   first button is “OK, ZATEM INNYM RAZEM • The second one is „ZOSTAW NR – ODDZWONIMY”•
   The third one is „A ZNASZ CENY TYCH AUT?” The second one is my pain in the …:)
   I was trying to make it look like the first or third one by no matter how and
   what I inserted in this shortcode it doesn’t appear to be as the first or third
   one. Can you help and provide me with a piece of code I should insert into the
   second one to obtain the same effect as now but to have the look of the button
   as the first or third one? Best regards, Gregy
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffrontend-button-design%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Contributor [vadim8vz](https://wordpress.org/support/users/vadim8vz/)
 * (@vadim8vz)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/frontend-button-design/#post-12598664)
 * Hi, Gregy!
    Try use this shortcode whithout link inside
 *     ```
       [vdz_cb vdz_cb_popup_action_button_class='su-button su-button-style-flat vdz_blue']OK, ZATEM INNYM RAZEM[/vdz_cb]
       [vdz_cb vdz_cb_popup_action_button_class='su-button su-button-style-flat vdz_orange']A ZNASZ CENY TYCH AUT?[/vdz_cb]
       ```
   
 * and take out style from inline span in your css:
    <style> .vdz_blue, .vdz_orange{
   color: #fff; padding: 0px 22px; font-size: 17px; line-height: 34px; } .vdz_orange{
   background-color:#ff531a; border-color:#ff531a; } .vdz_blue{ background-color:#
   53b5e4; border-color:#53b5e4; } </style>
 *  Thread Starter [gregywordpress](https://wordpress.org/support/users/gregywordpress/)
 * (@gregywordpress)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/frontend-button-design/#post-12614224)
 * Thank you very much!
    I did not expected such a speed response. Best regards 
   to You, Greg
 *  Plugin Contributor [vadim8vz](https://wordpress.org/support/users/vadim8vz/)
 * (@vadim8vz)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/frontend-button-design/#post-12619976)
 * You are welcome 😉

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

The topic ‘Frontend button design’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/vdz-call-back_9fcc77.svg)
 * [VDZ CallBack Plugin](https://wordpress.org/plugins/vdz-call-back/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/vdz-call-back/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/vdz-call-back/)
 * [Active Topics](https://wordpress.org/support/plugin/vdz-call-back/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/vdz-call-back/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/vdz-call-back/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [vadim8vz](https://wordpress.org/support/users/vadim8vz/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/frontend-button-design/#post-12619976)
 * Status: resolved