Change or submission links to buttons please

[Karen Thomas]

Hello,

In One Social theme, all call to actions are links instead of buttons.

This doesn’t say ‘click me’ to users.

I have been given some CSS to change SOME of the links to buttons, but all the links should be changed to buttons so they are very clear call to actions.

How to we do that or is this something planned for your next release?

Here’s the code I was given which worked great for individual buttons, but I need for every submit link throughout the site (see screenshots of how much clearer the button is to users)

/*Make Send Message a button*/
.messages #messages-layout .submit > input[type="submit"] {
  background-color: #b556a6 !important;
  border: none !important;
  color: #fff !important;
  padding: 10px !important;
}

/*Make Gravity forms links a button*/
#post-3852 .gform_footer input.gform_button {
    background-color: #b556a6 !important;
    border: none !important;
    color: #fff!important;
    padding: 10px!important;
}

Thanks,

Karen

[Anve S.]

Hi @conscious-crafties,

You can use this css in generalized way like.

input[type="submit"]{
background-color:#b556a6;
border: none !important;
color: #fff!important;
padding: 10px!important;
}

And thanks for pointing that out , will take care in our next release.

Regards
Anve

[Karen Thomas]

Thank you Anve! I added to One Social Child Theme CSS and it worked perfectly on all my buttons.
Shall I remove this CSS in your next release?
Many thanks,
Karen

[Anve S.]

Hi @conscious-carfties,

We have added your requirement in our suggestion list , in our next release we’ll come with best of design . You can use this css in fulfilling your site’s requirement .

Regards
Anve