Avisos
Vaciar todo

Shortcodes debajo de imagenes  

 
Albert
 Albert
Usuario activo

Buenas tardes- No consigo que el shortchode quede centrado debajo de la imagen en la version web y en la version movil, con lo que se desconfigura la web. Hago captura con el ejemplo: imagen+ver en amazon

image

Contenido solo visible a usuarios registrados

Citar
Respondido : 01/05/2023 7:56 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Albert.

Esto es lo que yo veo y no se exactamente a que te refieres:

screenshot posturagaming.com 2023.05.01 21 31 48

Si nos puedes dar un poco mas de información o una URL donde podamos ver lo que indicas seria de ayuda.

 

Un saludo

ResponderCitar
Respondido : 01/05/2023 8:33 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Albert
 Albert
Usuario activo

@pepesoler el boton de debajo de la imagen "ver en amazon" debajo de la imagen de la silla, queda en un lateral. Si lo muevo en la entrada, cuando lo visualizo en pantalla de ordenador se ve de una manera, y en vision movil de otra. Me gustaria que se viera debajo de la imagen y de forma centrada en las dos opciones. Gracias!

Esta publicación ha sido modificada el hace 2 años por Albert
ResponderCitar
Respondido : 01/05/2023 9:14 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Albert.

Podrías envolverlo con un DIV y a partir de ahí moverlo, un ejemplo podría ser este:

<div class="boton">
[ShortCode]
</div>

 

Una vez lo tengas con CSS lo puedes mover, por ejemplo:

.boton {
margin-left: 33%;
}

 

Un saludo

 

ResponderCitar
Respondido : 02/05/2023 11:02 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Albert
 Albert
Usuario activo

@pepesoler me podrias explicar cómo hacer esto. Tengo nociones muy básicas

 

Gracias!

ResponderCitar
Respondido : 04/05/2023 8:26 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hla Albert, 

En este caso lo primero es como añades este shortcode en tu sitio web, lo que comenta Pepe es colocar el shortcode pero con la etiqueta Div, por ejemplo

image

Guardar los cambios, luego debes acceder a Divi → Opciones del tema → General → CSS personalizado y pegar el código CSS que te envió Pepe

.boton {
margin-left: 33%;
}
image

De esta forma puedes controlar como alinear estos shortcodes que insertas en tu sitio web

Un Saludo 

 

 
ResponderCitar
Respondido : 04/05/2023 8:57 pm

Albert
 Albert
Usuario activo

@pepesoler no hay forma, estoy haciendo algo mal y no sé que es,  he copiado los pasos pero tampoco sé. Debe ser sencillo pero no me sale, envío pantallazo de cómo me está quedando. Me podrian mandar algo más visual para entender qué estoy haciendo o cómo hacerlo?

Gracias!

Captura de Pantalla 2023 05 04 a las 22.57.16

 

Esta publicación ha sido modificada el hace 2 años por Albert
ResponderCitar
Respondido : 04/05/2023 10:00 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Albert, 

En este caso como estas añadiendo este código, envíanos algunas capturas sobre como lo añades. De acuerdo a tu imagen entiendo que utilizas el editor clásico de WordPress debes asegurarte que el código no se envuelva en otra etiqueta, debe verse por ejemplo

image

Ahora mismo se está mostrando en una etiqueta  <pre> por eso el bloque se muestra de esta forma. 

Revísalo y nos comentas como ha ido todo

Un Saludo

 

ResponderCitar
Respondido : 04/05/2023 10:45 pm

Cursos Gratuitos WordPress

Albert
 Albert
Usuario activo

@karente envio como lo pongo en Html y pantalla de cómo queda en la web. No tengo lo de Divi, es un pluging?

Captura de Pantalla 2023 05 05 a las 19.54.27
Captura de Pantalla 2023 05 05 a las 19.54.58

 

ResponderCitar
Respondido : 05/05/2023 6:57 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Albert, 

Divi es un constructor que utiliza el tema Divi en este caso, ya que veo no estás editando estas entradas con él no aplica, no veo que estés añadiendo el botón con el HTML, puedes enviarnos la URL donde lo incorporaste y señalarnos la sección en una imagen de esta forma podemos revisar que CSS aplica mejor para él. 

Un Saldo 

ResponderCitar
Respondido : 05/05/2023 8:10 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Albert
 Albert
Usuario activo

@karen envio la url https://posturagaming.com/sillas-gaming-con-reposapies/

 

Captura de Pantalla 2023 05 17 a las 21.40.45

 

ResponderCitar
Respondido : 17/05/2023 8:46 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Albert, 

En el botón que nos indican no seo que se añada el HTML que menciona Pepe

image

Es posible que el complemento que utilices para añadir estos shortcodes no permita incorporar personalizaciones más allá de las que añade el mismo complemento, ya que utiliza clases globales lo que quiere decir que cuando añades una modificación este altera a todos los botones de tu sitio web.

Puedes revisar si este complemento de botones de shortcode te permite añadir clases especificas a estos botones que te permita luego manipularlos como necesitas. 

Un Saludo 

 

ResponderCitar
Respondido : 17/05/2023 10:15 pm

wpdoctor-revisa-la-salud-de-tu-wordpress