WordPress AddToAny Share Buttons question: Centralize o botão Add To Any em uma caixa de texto

Um usuário perguntou ?

Olá,

Eu uso o plugin “Add To Any” para ter botões de compartilhamento em algumas das minhas páginas ou itens de portfólio criados com o WPBakery Page Builder (Visual Composer).

Para integrar isso com o WPBakery Page Builder eu uso uma caixa de texto e apenas faço o [addtoany] acesso direto à caixa de texto. Funciona e os botões mostram compartilhamentos no meu site, mas são alinhados à esquerda na caixa de texto por padrão. Como posso colocar esses botões na caixa de texto? Aqui está algum código (https://www.addtoany.com/buttons/customize/wordpress/center_align_buttons) que adicionei “código CSS adicional” ao plugin, mas não funciona nas caixas de texto do WPBakery Page Builder.

Agradeço antecipadamente por sua ajuda.

Todo o melhor,

(@micropat)

3 anos, 1 mês atrás

Como você está usando o atalho, use:

.addtoany_shortcode { text-align: center; }

Se o seu tópico tiver uma pergunta com a linha acima, tente isto:

.addtoany_shortcode { display: flex; justify-content: center; }

lançador de tópicos

(@fotske)

3 anos, 1 mês atrás

Olá @micropat,

Muito obrigada pela sua resposta!

Devo colar este código no “CSS Adicional” das configurações do plugin com qualquer plugin ou no campo “CSS Adicional” do meu tema?

Todo o melhor,

(@micropat)

3 anos, 1 mês atrás

Aquele que você preferir.

Uma caixa AddToAny “Extra CSS” é um bom lugar para colar. ?

lançador de tópicos

(@fotske)

3 anos, 1 mês atrás

Olá @micropat,

Muito obrigado pela sua resposta.

Eu tenho uma pergunta adicional: eu li isso na última atualização do plugin: Se você tiver a personalização de código CSS que faz referência ao botão universal (.addtoany_share_save) ou ao contêiner de botão de compartilhamento padrão (.addtoany_share_save_container), esses nomes de classe permaneceram obsoletos e serão ser removido em uma futura atualização do plugin. Os novos nomes de classe são .addtoany_share e .addtoany_content respectivamente. Atualize seu CSS personalizado se estiver se referindo a nomes de classe que não são respeitados. «

Preciso alterar alguma coisa nos códigos CSS que você me deu por causa desta atualização?

Eu também tenho alguns CSS adicionais que colei das opções do plugin, a saber: .addtoany_share_save_container {text-align: center; }

Devo alterá-lo para: .addtoany_content {text-align: center; }

Muito obrigado por sua ajuda.

(@micropat)

3 anos, 1 mês atrás

Preciso alterar alguma coisa nos códigos CSS que você me deu por causa dessa atualização?

Não.

Eu também tenho alguns CSS adicionais que colei nas opções do plugin, a saber:
.addtoany_share_save_container { text-align:center; }

Devo mudar para:
.addtoany_content { text-align:center; }

Sim!

lançador de tópicos

(@fotske)

3 anos, 1 mês atrás

Muito obrigado!

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *