Home › Forums › Themes Support › Claue › cabezera
- This topic has 14 replies, 2 voices, and was last updated 4 years, 3 months ago by
Harry.
-
AuthorPosts
-
-
November 24, 2020 at 6:36 am #39322
hola harry haver si me puedes decir lo siguiente quiero que al inicio de la home en vez de aparecer letras quiero cargar una foto con las dimensiones adecuadas donde la devo de poner para anunciar el black friday hay con una imagen te pongo ejemplo https://prnt.sc/vor3z0 hay quiero que salga algo como esto https://prnt.sc/vor4bj
-
November 24, 2020 at 11:10 pm #39332
Hi,
1. Please go to Claue > Theme Option > Color Scheme > change header top background color to black
2. Upload your image
3. Go to Claue > Theme Option > Header > Center promo an add link of your image
<img src="your_image_path" alt="">
and change your_image_path with link of your image
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
November 25, 2020 at 2:38 am #39333
harry e creado una foto grande pero se me ve muy pequeño quiero que ocupe todo el ancho de la web https://prnt.sc/vpcugt mira el tamaño de la foto como quiero que salga full https://prnt.sc/vpcve3
-
November 25, 2020 at 12:01 pm #39336
Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs, .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs { width: 0; max-width: 0; flex-basis: 0; } .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs { width: 100%; max-width: 100%; flex-basis: 100%; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
November 26, 2020 at 1:54 am #39349
solucionado eres un crak harry :)) https://prnt.sc/vq1q5r
-
November 26, 2020 at 2:26 am #39350
HARRY aun quiero saver como modificar esto para otras ocasiones:
quiero donde ves en la foto hasta el 12 de diciembre.. eso lo e puesto en contenido de la cabezera inquierda pero quiero desplazarlo donde ves en la foto un poco mas abajo. https://prnt.sc/vq2858
y en la cabecera derecha como ves tambien en la foto quiero poner otra foto con el espacio que queda disponible y que quede centrado en el medio dime como son los codigos porfa https://prnt.sc/vq2858
-
November 26, 2020 at 12:07 pm #39352
Hi,
Please change code to
.jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs { width: 80%; max-width: 80%; flex-basis: 80%; } .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs { width: 0; max-width: 0; flex-basis: 0; } .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs { width: 20%; max-width: 20%; flex-basis: 20%; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
November 27, 2020 at 6:20 am #39361
hola harry me encuentro bastantes problemas con esto e puesto una foto a la izquierda de 200x70px y con ese código en web se ve bien pero en móvil se ve muy pequeño y estado cambiando los valores width: 20%; max-width: 20%; flex-basis: 20%; pero me es imposible centrarlo bien y si pongo 40 40 40 la imagen se abre mucho de ancho no hay algun plugin o algo especial para esto? o tal vez es mejor que cargue una foto con todo que quiera poner con todo el ancho completo? https://prnt.sc/vqut6d yo lo quería quedar asi para que te hagas una idea https://prnt.sc/vquw2u
-
November 27, 2020 at 9:59 am #39365
Now you still want keep header top to 3 cols, it now i still not clear your idea
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
November 28, 2020 at 4:30 am #39415
harry quiero quitar el encabezado en 3 columnas quiero hacer una imagen como has visto y que salga al tamaño completo de la foto
-
November 28, 2020 at 8:36 am #39422
Hi,
Please change prev code to
.jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs { width: 60%; max-width: 60%; flex-basis: 60%; } .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs, .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs { width: 20%; max-width: 20%; flex-basis: 20%; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
November 28, 2020 at 6:45 pm #39424
hola harry
¿cual es el tamaño perfecto para poner una imagen al 100% en la cabecera y que se vea bien en pc y en movil?
ese codigo que me has dado en version movil se reduce mucho la imagen de tamaño
yo lo que quiero es diseñar una foto con el tamaño completo y que se vea igual de grande como la e diseñado yo tengo este ancho https://prnt.sc/vrr9na y sin version caja https://prnt.sc/vrr9yd
-
November 29, 2020 at 9:12 pm #39426
Hi,
The image on mobile will resize to fit. It have other to make the 2 images on mobile full width 100% or you still want keep the 2 small images as 20%?
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
November 30, 2020 at 2:29 am #39428
solo quiero 1 imagen en el ancho completo para pc100% y movil 100% nada mas
-
November 30, 2020 at 11:47 am #39430
Hi,
Please combine 3 images to one and use code
.jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs, .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs { width: 0; max-width: 0; flex-basis: 0; } .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs { width: 100%; max-width: 100%; flex-basis: 100%; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
-
-
AuthorPosts
You must be logged in to reply to this topic.