Como personalizar a aparência do botão Subscribe2 no WordPress?

Question

Sou muito novo no WordPress e não tenho experiência em PHP ou CSS ...

Eu quero usar Inscreva -se2 plugin no meu blog, juntamente com INOVE tema. Quando adiciono o widget, os botões de inscrição/cancelamento de inscrição são renderizados da maneira "clássica", o que torna a página bastante feia (o blog está em: http://www.adlerr.com)

Como posso personalizar a aparência dos botões? Estou pronto para escrever alguns PHP/CSS se eu receber instruções adequadas ...

O código que emite os botões está aqui:

$this->form = "<form method=\"post\" action=\"\"><p>" . __('Your email:', 'subscribe2') 
. "<input type=\"text\" name=\"email\" value=\"" . __('Enter email address...', 
'subscribe2') . "\" size=\"20\" onfocus=\"if (this.value == '" . __('Enter email     
address...', 'subscribe2') . "') {this.value = '';}\" onblur=\"if (this.value == '')     
{this.value = '" . __('Enter email address...', 'subscribe2') . "';}\" /></p><p><input 
type=\"submit\" class=\"button\" name=\"subscribe\" value=\"" . __('Subscribe', 
'subscribe2') . "\" />&nbsp;<input type=\"submit\" class=\"button\" name=\"unsubscribe\" 
value=\"" . __('Unsubscribe', 'subscribe2') . "\" /></p></form>\r\n";

E existem botões aqui: Inferior à direita, o botão "Enviar comentário", que é da classe "botão":

O código que gera o botão Enviar comentário é:

<input name="submit" type="submit" id="submit" class="button" tabindex="5" 
value="<?php _e('Submit Comment', 'inove'); ?>" />

O que devo fazer para fazer com que os botões de inscrição/cancelamento de inscrição se pareçam com o botão "Enviar comentário"?

Sua ajuda é muito apreciada, obrigado.

Answer 1

A diferença entre os botões não disputados e estilizados é que os botões não disputados não têm um atributo de class = "botão".

Você pode fazer login no WP, clicar em plugins, clicar em Editar no plug -in Subscribe2 e encontrar onde estão os botões de entrada do tipo de entrada = e adicione um botão Class = "" para eles.

<input type="submit" class="button" value="Subscribe" name="subscribe"/>
<input type="submit" class="button" value="Unsubscribe" name="unsubscribe"/>

Editar: No seu arquivo CSS, você deseja criar uma classe chamada botão:

.button {
  background-color: #e0ffff;
  color: #ffffff;
}

Você precisará alterar/adicionar esses valores a algo que combina com você. Você pode descobrir mais sobre CSS em W3Schools. Você provavelmente vai querer olhar para o modelo de fundo, texto, fonte e caixa.

Tudo bem, eu entendi desta vez!

Alterar a linha 949 em estilo.css para isso:

#submitbox #submit, .button {

Alterar a linha 960 em estilo.css para isso:

#submitbox #submit:hover, .button:hover {