Avisos
Vaciar todo

Shortcodes debajo de imagenes

12 Respuestas
3 Usuarios
0 Reactions
25 Visitas
Respuestas: 7
Active Member
Topic starter
 

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


 
Respondido : 01/05/2023 6:56 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 01/05/2023 7:33 pm
Respuestas: 7
Active Member
Topic starter
 

@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
 
Respondido : 01/05/2023 8:14 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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

 


 
Respondido : 02/05/2023 10:02 am
Respuestas: 7
Active Member
Topic starter
 

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

 

Gracias!


 
Respondido : 04/05/2023 7:26 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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 

 

 

 
Respondido : 04/05/2023 7:57 pm
Respuestas: 7
Active Member
Topic starter
 

@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
 
Respondido : 04/05/2023 9:00 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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

 


 
Respondido : 04/05/2023 9:45 pm
Respuestas: 7
Active Member
Topic starter
 

@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

 


 
Respondido : 05/05/2023 5:57 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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 


 
Respondido : 05/05/2023 7:10 pm
Respuestas: 7
Active Member
Topic starter
 

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

 

Captura de Pantalla 2023 05 17 a las 21.40.45

 


 
Respondido : 17/05/2023 7:46 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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 

 


 
Respondido : 17/05/2023 9:15 pm