Frontend button design

  • Resolved gregywordpress

    (@gregywordpress)


    4 years, 8 months ago

    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/
    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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor vadim8vz

    (@vadim8vz)

    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

    (@gregywordpress)

    Thank you very much!
    I did not expected such a speed response.
    Best regards to You,
    Greg

    Plugin Contributor vadim8vz

    (@vadim8vz)

    You are welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Frontend button design’ is closed to new replies.